Package detail

@mediamonks/scss-utils

mediamonks1.4kMIT4.0.3

SCSS library of mixins and functions that are used within projects

mediamonks, scss, utils, mixins

readme

npm npm

@mediamonks/scss-utils

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

Installation

yarn

$ yarn add -D @mediamonks/scss-utils

npm

npm i -S @mediamonks/scss-utils

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)
    • $minimumFluidSizeViewportWidth: default value for minumum viewport width used in fluid size (480px)
    • $maximumFluidSizeViewportWidth: default value for maximum viewport width used in fluid size (1440px)
    • $useRem: default value for using/converting pixels into REM units in fluid size (true)
    • $useClamp: default value for using clamp (otherwise max) in fluid size (true)
    • $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

changelog

Changes to @mediamonks/scss-utils

2.0.0 [2022-09-20]

Changed

  • Rename package & repo from seng-scss to @mediamonks/scss-utils

Breaking

  • Uses the (hover: hover) media query, so we don't need additional checks, dropping support for IE11 (#9)
  • Migrate divisions to using math.div(#21)

1.1.0 [2017-05-03])

Added

  • Add function em-size
  • Add function font-weight

1.0.0 [2017-03-15])

  • Public release