Skip to content

Commit 35ade83

Browse files
author
Filip Łukasik
committed
add typography and color tokens
1 parent 8530e26 commit 35ade83

File tree

2 files changed

+75
-0
lines changed

2 files changed

+75
-0
lines changed
Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
@import "new-colors.css";
2+
3+
/* text */
4+
.text-primary {
5+
color: var(--grey12);
6+
};
7+
8+
.text-secondary {
9+
color: var(--grey11);
10+
};
11+
12+
.text-tertiary {
13+
color: var(--grey9);
14+
};
15+
16+
17+
.icon-default {
18+
color: var(--grey11);
19+
};
20+
21+
.border-default {
22+
23+
};
24+
25+
26+
27+
28+
Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
h700 {
2+
font-size: 52;
3+
line-height: 64;
4+
font-weight: 500;
5+
}
6+
7+
h600 {
8+
font-size: 40;
9+
line-height: 56;
10+
font-weight: 700;
11+
}
12+
13+
h500 {
14+
font-size: 32;
15+
line-height: 40;
16+
font-weight: medium;
17+
}
18+
19+
h400 {
20+
font-size: 24;
21+
line-height: 32;
22+
font-weight: 500;
23+
}
24+
25+
h300 {
26+
font-size: 20;
27+
line-height: 24;
28+
font-weight: 700;
29+
}
30+
31+
h200 {
32+
font-size: 16;
33+
line-height: 24;
34+
font-weight: 500;
35+
}
36+
37+
h100 {
38+
font-size: 13;
39+
line-height: 16;
40+
font-weight: 500;
41+
}
42+
43+
h50 {
44+
font-size: 9;
45+
line-height: 12;
46+
font-weight: 600;
47+
}

0 commit comments

Comments
 (0)