Update _mixins.sass

This commit is contained in:
Andros Fenollosa 2020-05-23 19:45:22 +02:00 committed by GitHub
parent 8c0eba0bad
commit 9bcf92ab2d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -26,10 +26,24 @@
@mixin sizeSquare($size)
width: $size
height: $size
/*
* Remove initial styles <ul>
*
* Examples: @include ulReset()
*/
@mixin ulReset()
list-style: initial
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, dashed), @include border(2px, solid, red)
*/
@mixin border($size: 1px, $color: black, $side: all)
border: 0
@ -45,6 +59,12 @@
@else if $side == 'bottom'
box-shadow: inset 0 -#{$size} 0 0 $color
/*
* Add a rotation animation.
* $speed: 1s (default), seconds
*
* Examples: @include animationRotate(2s), @include animationRotate(0.5s)
*/
@mixin animationRotate($speed: 1s)
$id: unique-id()
@keyframes#{$id}