This repository has been archived by the owner on Sep 17, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 8
/
index.css
81 lines (79 loc) · 2.56 KB
/
index.css
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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
@import "css-modularscale";
@import "src/lib/font-size.css";
@import "src/lib/z-index.css";
@import "src/lib/font-weight.css";
@import "src/lib/font-family.css";
@import "src/lib/font-style.css";
@import "src/lib/text-align.css";
@import "src/lib/space.css";
@import "src/lib/display.css";
@import "src/lib/float.css";
@import "src/lib/vertical-align.css";
@import "src/lib/flex.css";
@import "src/lib/size.css";
@import "src/lib/line-height.css";
@import "src/lib/letter-spacing.css";
@import "src/lib/text-decoration.css";
@import "src/lib/overflow.css";
@import "src/lib/radius.css";
@import "src/lib/position.css";
@import "src/lib/sides.css";
@import "src/lib/max-width.css";
@import "src/lib/text-transform.css";
@import "src/lib/cursor.css";
@import "src/lib/list-style-type.css";
:root {
--ms-ratio: var(--minor-third);
--mqs: n, xxs, xs, sm ,md, lg, xl, xxl;
--ms: -dot1, -dot2, -dot3, -dot4, -dot5, -dot6, -dot7, -dot8, -dot9, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10;
--z: \.1, \.2, \.3, \.4, \.5, \.6, \.7, \.8, \.9, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10;
--f-f-styles: (sans, serif, mono), (f-f-sans, f-f-serif, f-f-mono);
--f-f-sans: sans-serif;
--f-f-serif: serif;
--f-f-mono: monospace;
--f-s-styles: (normal, italic, oblique), (n, i, o);
--f-w-min: 100;
--f-w-max: 900;
--l-h--default: 1;
--l-h--tight: var(--z2);
--l-h--normal: var(--z1);
--l-h--loose: var(--z4);
--l-h: (d, t, n, l), (var(--l-h--default), var(--l-h--tight), var(--l-h--normal), var(--l-h--loose));
--l-s--default: normal;
--l-s--tight: -.08em;
--l-s--normal: .16em;
--l-s--loose: .32em;
--dirs: all, top, bottom, left, right, x, y;
--dirs-short: a, t, b, l, r, x, y;
--display-props: block, inline-block, inline, flex, table, table-cell, none;
--display-shorthands: b, i-b, i, f, t, t-c, n;
--pos-options: (absolute, relative, static, fixed, cover), (a, r, s, f, c);
--sides-options: (top, bottom, left, right);
--z-dot9: var(--ms-1);
--z-dot8: var(--ms-2);
--z-dot7: var(--ms-3);
--z-dot6: var(--ms-4);
--z-dot5: var(--ms-5);
--z-dot4: var(--ms-6);
--z-dot3: var(--ms-7);
--z-dot2: var(--ms-8);
--z-dot1: var(--ms-9);
--z0: 0;
--z1: var(--ms0);
--z2: var(--ms1);
--z3: var(--ms2);
--z4: var(--ms3);
--z5: var(--ms4);
--z6: var(--ms5);
--z7: var(--ms6);
--z8: var(--ms7);
--z9: var(--ms8);
--z10: var(--ms9);
}
@custom-media --mq-xxs (min-width: 20em);
@custom-media --mq-xs (min-width: 25em);
@custom-media --mq-sm (min-width: 30em);
@custom-media --mq-md (min-width: 37em);
@custom-media --mq-lg (min-width: 50em);
@custom-media --mq-xl (min-width: 75em);
@custom-media --mq-xxl (min-width: 100em);