/*
* Create a hover that prevents the hover from appearing when you scroll in mobile
*
* Examples: @include hover()
*/
@mixin hover()
@media (hover: hover)
&:hover
@content
/*
* Fixes an element on the page to take up all the space or only part of it.
* $side: all (default), top, bottom
*
* Examples: @include pin() , @include pin('top'), @include pin('bottom', 2500)
*/
@mixin pin($side: all, $z-index: 1000)
position: fixed
left: 0
right: 0
z-index: $z-index
@if $side == 'all'
top: 0
bottom: 0
@else if $side == 'top'
top: 0
@else if $side == 'bottom'
bottom: 0
/*
* Add a border through the shadows avoiding extra space.
* $size: unit
*
* Examples: @include sizeSquare(4rem) , @include sizeSquare(10px)
*/
@mixin sizeSquare($size)
width: $size
height: $size
/*
* Remove initial styles