seng-scss

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

Installation

npm

npm i -S seng-scss

Included functionalities

Mixins

• aspect-ratio
• font-face
• hover
• ir
• placeholder
• position
• offset
• pseudo
• respond-to
• size
• fluid-type
• arrow

Functions

• asset / image / font
• index
• em-size
• font-weight
• strip-unit

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