32 lines
759 B
Sass
32 lines
759 B
Sass
$breathing-animation: breathe
|
|
|
|
@mixin dilating-expanding($anchor-width: 20vw, $anchor-height: 20vh)
|
|
$measure: 0.5
|
|
|
|
0%
|
|
width: $anchor-width - ($measure * 5)
|
|
height: $anchor-height - ($measure * 5)
|
|
|
|
25%
|
|
width: $anchor-width - ($measure * 1)
|
|
height: $anchor-height - ($measure * 1)
|
|
|
|
50%
|
|
width: $anchor-width
|
|
height: $anchor-height
|
|
|
|
75%
|
|
width: $anchor-width + ($measure * 1)
|
|
height: $anchor-height - ($measure * 1)
|
|
|
|
100%
|
|
width: $anchor-width - ($measure * 5)
|
|
height: $anchor-height - ($measure * 5)
|
|
|
|
@mixin blinking-border($b-color)
|
|
0%
|
|
border-color: transparent
|
|
50%
|
|
border-color: $b-color
|
|
100%
|
|
border-color: transparent |