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-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
1 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
_mixins.sass
View File

@ -26,10 +26,24 @@
@mixin sizeSquare($size) @mixin sizeSquare($size)
width: $size width: $size
height: $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. * Add a border through the shadows avoiding extra space.
* $size: 1px (default), unit
* $color: black (default), color
* $side: all (default), top, right, bottom, left * $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) @mixin border($size: 1px, $color: black, $side: all)
border: 0 border: 0
@ -45,6 +59,12 @@
@else if $side == 'bottom' @else if $side == 'bottom'
box-shadow: inset 0 -#{$size} 0 0 $color 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) @mixin animationRotate($speed: 1s)
$id: unique-id() $id: unique-id()
@keyframes#{$id} @keyframes#{$id}