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
35
36
37
|
@use 'iro-sass/src/index' as iro;
@use 'iro-sass/src/responsive' as res;
@use 'include-media/dist/include-media' as media;
iro.$vars-root-size: 16px;
media.$breakpoints: (
lg: 1340px,
md: 900px,
sm: 620px,
xs: 400px,
);
media.$unit-intervals: (
'px': 1,
'em': .01,
'rem': .01,
'': 0
);
res.$named-viewports: media.$breakpoints;
$wanted-grays: (
--1: -1.2,
--2: -1.1,
--3: 1,
--4: 1.15,
--5: 1.35,
--6: 1.7,
--7: 2.4,
--8: 3.3,
--9: 6,
--10: 13,
--11: 20,
);
|