andros/mixins-base
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update _mixins.sass

Browse Source
This commit is contained in:
Andros Fenollosa 2020-04-14 22:31:13 +02:00 committed by GitHub
parent e75db143a8
commit 8a6b6af472
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
_mixins.sass
View File

@ -5,6 +5,10 @@
right: 0 right: 0
bottom: 0 bottom: 0
@mixin sizeCube($size: 1rem)
width: $size
height: $size
/* /*
* $size: all, top, right, bottom, left * $size: all, top, right, bottom, left
*/ */
@ -23,7 +27,8 @@
box-shadow: inset 0 -#{$size} 0 0 $color box-shadow: inset 0 -#{$size} 0 0 $color
@mixin animationRotate($speed: 1s) @mixin animationRotate($speed: 1s)
@keyframes animationRotate $id: unique-id()
@keyframes#{$id}
from from
transform: rotate(0) transform: rotate(0)
to to
@ -35,13 +40,14 @@
timing-function: linear timing-function: linear
@mixin animationPulse($speed: 1s, $size: 1rem, $color: black, $iteration: infinite) @mixin animationPulse($speed: 1s, $size: 1rem, $color: black, $iteration: infinite)
@keyframes animationPulse $id: unique-id()
@keyframes #{$id}
from from
box-shadow: 0 0 0 0 $color box-shadow: 0 0 0 0 $color
to to
box-shadow: 0 0 0 $size transparentize($color, 1) box-shadow: 0 0 0 $size transparentize($color, 1)
animation: animation:
name: animationPulse name: $id
duration: $speed duration: $speed
iteration-count: $iteration iteration-count: $iteration
timing-function: linear timing-function: linear