blob: 87c070731b7d9008d5339cab6ef915dfd2ac009d (
plain)
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
31
32
33
34
|
@use '../vendor/variables' as vv;
@use 'functions';
@mixin table-cell {
border: 0;
border-bottom: 1px solid vv.$gray-400;
border-left: 1px solid vv.$gray-400;
padding: 5px;
}
@mixin hf {
background-color: vv.$gray-200;
border-bottom: 1px solid vv.$gray-400;
}
@mixin fluid-font-size($min-vw, $max-vw, $min-font-size, $max-font-size) {
$u1: unit($min-vw);
$u2: unit($max-vw);
$u3: unit($min-font-size);
$u4: unit($max-font-size);
@if $u1 == $u2 and $u1 == $u3 and $u1 == $u4 {
font-size: $min-font-size;
@media screen and (min-width: $min-vw) {
font-size: calc(
#{$min-font-size} + #{functions.strip-unit($max-font-size - $min-font-size)} *
((100vw - #{$min-vw}) / #{functions.strip-unit($max-vw - $min-vw)})
);
}
@media screen and (min-width: $max-vw) {
font-size: $max-font-size;
}
}
}
|