scss/_lib.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

$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);
}