seng-scss

SCSS library of mixins and functions that are used within projects

Usage no npm install needed!

<script type="module">
  import sengScss from 'https://cdn.skypack.dev/seng-scss';
</script>

README

npm npm

seng-scss

A SCSS library of mixins and functions that are used within projects.

Installation

npm

npm i -S seng-scss

Included functionalities

Mixins

Functions

Variables

  • variables
    • $pathAsset: default project asset path (..)
    • $pathFont: default project font path (font, prefixed with $pathAsset)
    • $pathImage: default project image path (image, prefixed with $pathAsset)
    • $zLayout: default list of zIndex names (default)**
    • $mediaQueries: default list of mediaQueries (empty list)
    • $minimumFluidTypeViewportWidth: default value for minumum viewport width used in fluid type (480px)
    • $maximumFluidTypeViewportWidth: default value for maximum viewport width used in fluid type (1440px)
    • $ease{name}: List of easing bezier curves
      • $easeLinear
      • $ease
      • $easeIn
      • $easeOut
      • $easeInOut
      • $easeInQuad
      • $easeOutQuad
      • $easeInCubic
      • $easeOutCubic
      • $easeInQuart
      • $easeOutQuart
      • $easeInQuint
      • $easeOutQuint
      • $easeInSine
      • $easeOutSine
      • $easeInExpo
      • $easeOutExpo
      • $easeInCirc
      • $easeOutCirc
      • $easeInBack
      • $easeOutBack
      • $easeInOutQuad
      • $easeInOutCubic
      • $easeInOutQuart
      • $easeInOutQuint
      • $easeInOutSine
      • $easeInOutExpo
      • $easeInOutCirc
      • $easeInOutBack

Contribute

View CONTRIBUTING.md

Changelog

View CHANGELOG.md

Authors

View AUTHORS.md

LICENSE

MIT © MediaMonks