@horat1us/sass-mixins

SASS Mixins

Usage no npm install needed!

<script type="module">
  import horat1usSassMixins from 'https://cdn.skypack.dev/@horat1us/sass-mixins';
</script>

README

Horat1us SASS Mixins

Build Status

Personal custom mixins collection. You are welcome to use.

Includes 100% coverage compilation tests using node-sass, typescript and jest.

Usage

npm i @horat1us/sass-mixins

@import "~@horat1us/sass-mixins";

Breakpoint

Tests / Examples

// You can configure values as you want
$breakpoints: (
        'xsmall': (min-width: 370px),
        'small': (min-width: 767px),
        'medium': (min-width: 992px),
        'large': (min-width: 1200px),
        'xlarge': (min-width: 1600px),
) !default;

// if you want to use only breakpoint
@import "~@horat1us/sass-mixins/breakpoint";

.selector {
  color: red;
    
  @include match('small') {
     color: blue;
  }
  
  @include not-match('xlarge') {
    color: yellow;
  }
}

Contributors

License

MIT