mirror of
https://github.com/picocss/pico.git
synced 2025-02-23 00:01:58 -05:00
27 lines
1.2 KiB
SCSS
27 lines
1.2 KiB
SCSS
@function shadow($color) {
|
|
$box-shadow-elevation: 1rem;
|
|
$box-shadow-blur-strengh: 6rem;
|
|
$box-shadow-opacity: 0.06;
|
|
|
|
@return #{($box-shadow-elevation * 0.5 * 0.029)} #{($box-shadow-elevation * 0.029)} #{(
|
|
$box-shadow-blur-strengh * 0.029
|
|
)} #{rgba($color, ($box-shadow-opacity * 0.283))},
|
|
#{($box-shadow-elevation * 0.5 * 0.067)} #{($box-shadow-elevation * 0.067)} #{(
|
|
$box-shadow-blur-strengh * 0.067
|
|
)} #{rgba($color, ($box-shadow-opacity * 0.4))},
|
|
#{($box-shadow-elevation * 0.5 * 0.125)} #{($box-shadow-elevation * 0.125)} #{(
|
|
$box-shadow-blur-strengh * 0.125
|
|
)} #{rgba($color, ($box-shadow-opacity * 0.5))},
|
|
#{($box-shadow-elevation * 0.5 * 0.225)} #{($box-shadow-elevation * 0.225)} #{(
|
|
$box-shadow-blur-strengh * 0.225
|
|
)} #{rgba($color, ($box-shadow-opacity * 0.6))},
|
|
#{($box-shadow-elevation * 0.5 * 0.417)} #{($box-shadow-elevation * 0.417)} #{(
|
|
$box-shadow-blur-strengh * 0.417
|
|
)} #{rgba($color, ($box-shadow-opacity * 0.717))},
|
|
#{($box-shadow-elevation * 0.5)} #{$box-shadow-elevation} #{$box-shadow-blur-strengh} #{rgba(
|
|
$color,
|
|
$box-shadow-opacity
|
|
)},
|
|
0 0 0 0.0625rem #{rgba($color, ($box-shadow-opacity * 0.25))};
|
|
}
|