Update _mixins.sass
This commit is contained in:
parent
95835a3a1c
commit
ed1656007c
33
_mixins.sass
33
_mixins.sass
@ -48,28 +48,6 @@
|
||||
padding: initial
|
||||
margin: initial
|
||||
|
||||
/*
|
||||
* Add a border through the shadows avoiding extra space.
|
||||
* $size: 1px (default), unit
|
||||
* $color: black (default), color
|
||||
* $side: all (default), top, right, bottom, left
|
||||
*
|
||||
* Examples: @include border(), @include border(2px, red), @include border(2px, red, left)
|
||||
*/
|
||||
@mixin border($size: 1px, $color: black, $side: all)
|
||||
border: 0
|
||||
-webkit-appearance: none
|
||||
@if $side == 'all'
|
||||
box-shadow: inset 0 0 0 $size $color
|
||||
@else if $side == 'top'
|
||||
box-shadow: inset 0 $size 0 0 $color
|
||||
@else if $side == 'right'
|
||||
box-shadow: inset -#{$size} 0 0 0 $color
|
||||
@else if $side == 'left'
|
||||
box-shadow: inset $size 0 0 0 $color
|
||||
@else if $side == 'bottom'
|
||||
box-shadow: inset 0 -#{$size} 0 0 $color
|
||||
|
||||
/*
|
||||
* Add a rotation animation.
|
||||
* $speed: 1s (default), seconds
|
||||
@ -161,14 +139,3 @@
|
||||
justify-content: center
|
||||
align-items: center
|
||||
|
||||
/*
|
||||
* Mimics grid-gap separation for flex
|
||||
*
|
||||
* Examples: @include gridGap(2.5rem)
|
||||
*/
|
||||
@mixin gridGap($size: 1rem)
|
||||
margin: 0 $size
|
||||
&:first-child
|
||||
margin-left: 0
|
||||
&:last-child
|
||||
margin-right: 0
|
||||
|
Loading…
Reference in New Issue
Block a user