29 lines
622 B
SCSS
29 lines
622 B
SCSS
$scale: 0.068rem;
|
|
@function s($value: 1) {
|
|
@return $value * $scale;
|
|
}
|
|
|
|
@mixin rounded($all, $tl: $all, $tr: $all, $br: $all, $bl: $all) {
|
|
border-radius: s($tl) s($tr) s($br) s($bl);
|
|
-gtk-outline-radius: s($tl) s($tr) s($br) s($bl);
|
|
}
|
|
|
|
@mixin border($colour, $width: 1, $style: solid) {
|
|
border: s($width) $style $colour;
|
|
}
|
|
|
|
@mixin spacing($val: 5, $vertical: false) {
|
|
$dir: if($vertical, bottom, right);
|
|
|
|
& > * {
|
|
margin-#{$dir}: s($val);
|
|
|
|
&:last-child {
|
|
margin-#{$dir}: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
@mixin element-decel {
|
|
transition: 200ms cubic-bezier(0, 0.55, 0.45, 1);
|
|
}
|