sass-mixins-lib

1.0.0 • Public • Published

sass-mixins

Mixins available:

Mixins Arguments (with default values)
css3-prefix Will add browser specific prefixes to supplied property (and will set it to supplied value)
background-gradient Start Color: #3C3C3C, End Color: #999999
background-horizontal Start Color: #3C3C3C, End Color: #999999
background-radial Start Color: #FFFFFF, Start position: 0%, End Color: #000000, End position: 100%
background-size Width: 100%, Height: 100%
background-opacity Color: #000, Opacity: .85
border-radius Radius: 5px
border-radius-separate Top Left: 5px, Top Right: 5px, Bottom Left: 5px, Bottom Right: 5px
box Orientation: horizontal, Pack: center, Align: center
box-rgba R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C
box-shadow X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
box-sizing Type: border-box
columns Count: 3, Gap: 10
double-borders Color One: #3C3C3C, Color Two: #999999, Radius: 0
flex Value: 1
flip Value: ScaleX: -1
font-face Value: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf
opacity Opacity: 0.5
outline-radius Radius: 5px
resize Direction: both
rotate Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0
text-shadow X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
transform Parameters: null
transform-style Style: preserve-3d
transition What: all, Length: 1s, Easing: ease-in-out
triple-borders Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0
keyframes Animation name - pass animation css as body
animation name duration timing-function delay iteration-count direction fill-mode play-state (http://www.w3schools.com/cssref/css3_pr_animation.asp)

Readme

Keywords

Package Sidebar

Install

npm i sass-mixins-lib

Weekly Downloads

1

Version

1.0.0

License

MIT

Last publish

Collaborators

  • virgo