assets/scss/_mixins.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
30

@mixin shadow($distance) {
    -webkit-box-shadow: $distance * 1rem $distance * 2rem $distance * 3rem rgba($color-dark, $distance * 0.3);
    -moz-box-shadow: $distance * 1rem $distance * 2rem $distance * 3rem rgba($color-dark, $distance * 0.3);
    box-shadow: $distance * 1rem $distance * 2rem $distance * 3rem rgba($color-dark, $distance * 0.3);
}

@mixin hz-center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

@mixin vt-center {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

@mixin all-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

@mixin avoid-break {
    @media print {
        page-break-inside: avoid;
    }
}