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 2023-06-01 16:55:20 +02:00 committed by GitHub
parent 95835a3a1c
commit ed1656007c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 0 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
_mixins.sass
View File

@ -48,28 +48,6 @@
padding: initial padding: initial
margin: 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. * Add a rotation animation.
* $speed: 1s (default), seconds * $speed: 1s (default), seconds
@ -161,14 +139,3 @@
justify-content: center justify-content: center
align-items: 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