• About
• Features
• Requirements
• Installation
• Usage
• Configuration

• Modular design based on design tokens
• Utility helpers for rapid layout development
• Fluid typography for responsive design
• Lightweight and easy to integrate

• node >= 22.17.0
• sass >= 1.99.0
• bun >= 1.1.0

bun i -D sasslys

npm i -D sasslys

pnpm i -D sasslys

yarn i -D sasslys

To use Sasslys in your project, simply import the main Sass file into your stylesheet:

@use 'sasslys';
@use 'sasslys/config';

Sasslys is the default styles, while sasslys/config contains the configuration variables that you can customize to fit your project's needs.

To customize the configuration of Sasslys, you can modify the variables in the sasslys/config file. This allows you to tailor the framework to your project's specific needs.

@use 'sasslys/config' with (
  $spacing-2: 0.5rem,
  $primary-color: #ff5733;
});

Or you can create a new file and import it before importing the main Sasslys file:

@use 'sasslys/config' as *;
@use 'sasslys';

$spacing-2: 0.5rem;
$primary-color: #ff5733;

To see all the available configuration options, please refer to the Configuration Documentation.