SassUsefulMixins

All the useful mixins and functions that i use with SASS. Il'll keep this repo always updated with new stuff.

Usage example

The mixins can accept arguments and do calculations. The output of this mixin (in this case) is a CSS rule and will be unfurled where ever you @include it.

@mixin my-padding-mixin($some-number) {
  padding: $some-number;
}

Now we use the @include directive to insert our mixin's code.

.my-module {
  @include my-padding-mixin(10px);
}

And here is the output CSS code.

.my-module { padding: 10px; }

A function is very similar to a mixin, however the output from a function is a single value. This can be any Sass data type, including: numbers, strings, colors, booleans, or lists.

Here's how to use a function in SASS:

.my-module {
  padding: my-calculation-function(10px, 5px);
}

For more examples and usage, please refer to the [Wiki][https://sass-lang.com/guide].

manuel-inhertz/SassUsefulMixins

SassUsefulMixins

Usage example

Meta