@mattmcadams/stratus v1.0.4
Stratus
Minimal, modular, and modest, Stratus offers several powerful Sass tools to get started with a web project. It can help standardize spacing, organize and manipulate color, and generate and maintain a typographical scale.
Install
You can install Stratus by either downloading the latest release and including it in your project, or by downloading it with npm.
NOTEIf using the package distributed from GitHub, you'll also need to linclude the following line in your
.npmrc
file at the root of your project:@mattmcadams:registry=https://npm.pkg.github.com
.
- Install with npm
npm install @mattmcadams/stratus --save-dev
- Configure your settings (optional)
@use '@mattmcadams/stratus/config' with (
$param: value
);
- Include in your project
@use '@mattmcadams/stratus';
Use
With the Sass modules syntax, use Stratus in your project like this:
@use '@mattmcadams/stratus';
foo: {
@include stratus.type-set('normal');
}
You can learn more about all of Stratus' functions and mixins in the project's documentation.
NOTE If you've installed Stratus using npm, you'll also need to include
node-modules
in your build process. The method of achieving this depends on your setup.
Requirements
Because Stratus uses the Sass modules syntax, using it in your project means you must compile using the dart implementation of sass.
If using npm, you can install sass like so
npm install sass --save-dev
You can learn more about dart sass on their website, and Mirium Suzanne has a great article about the module system on css-tricks.
Contribute!
I'm a self taught developer, and this has been my pet project I've used to learn about best practices, project management, and so much more, so I'm sure it's not perfect.
See something that could be better? Found a bug? Have an idea for a new feature? Come help build, submit an issue, or contact me! I'd love to chat and hear your ideas.
Looking forward
This project is constantly evolving, and I'm excited to bring more features to it in the future. Some of my current thoughts include mixins inspired by bourbon, a minimal style boilerplate, and UI components.