@itcase/tokens-am 1.1.44 → 1.1.45

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/css/styles/typography.css +224 -0
  2. package/package.json +3 -3
package/dist/css/styles/typography.css ADDED
@@ -0,0 +1,224 @@
1
+ /* DO NOT SET :root:where(.am) this will breacks postCSSFluid Typo */
2
+
3
+ :root {
4
+ --typography-min-viewport: 360px;
5
+ --typography-max-viewport: 1920px;
6
+
7
+ --typography-hero1-max: 128px;
8
+ --typography-hero1-min: 72px;
9
+ --typography-hero1-max-line-height: 156px;
10
+ --typography-hero1-min-line-height: 88px;
11
+ --typography-hero1-font: var(--font-primary);
12
+
13
+ --typography-hero2-max: 96px;
14
+ --typography-hero2-min: 56px;
15
+ --typography-hero2-max-line-height: 112px;
16
+ --typography-hero2-min-line-height: 72px;
17
+ --typography-hero2-font: var(--font-primary);
18
+
19
+ --typography-hero3-max: 72px;
20
+ --typography-hero3-min: 48px;
21
+ --typography-hero3-max-line-height: 88px;
22
+ --typography-hero3-min-line-height: 56px;
23
+ --typography-hero3-font: var(--font-primary);
24
+
25
+ --typography-hero4-max: 56px;
26
+ --typography-hero4-min: 40px;
27
+ --typography-hero4-max-line-height: 72px;
28
+ --typography-hero4-min-line-height: 48px;
29
+ --typography-hero4-font: var(--font-primary);
30
+
31
+ --typography-hero5-max: 40px;
32
+ --typography-hero5-min: 32px;
33
+ --typography-hero5-max-line-height: 48px;
34
+ --typography-hero5-min-line-height: 40px;
35
+ --typography-hero5-font: var(--font-primary);
36
+
37
+ --typography-hero6-max: 32px;
38
+ --typography-hero6-min: 28px;
39
+ --typography-hero6-max-line-height: 40px;
40
+ --typography-hero6-min-line-height: 32px;
41
+ --typography-hero6-font: var(--font-primary);
42
+
43
+ --typography-h1-max: 64px;
44
+ --typography-h1-min: 56px;
45
+ --typography-h1-max-line-height: 80px;
46
+ --typography-h1-min-line-height: 60px;
47
+ --typography-h1-font: var(--font-primary);
48
+
49
+ --typography-h2-max: 48px;
50
+ --typography-h2-min: 40px;
51
+ --typography-h2-max-line-height: 56px;
52
+ --typography-h2-min-line-height: 48px;
53
+ --typography-h2-font: var(--font-primary);
54
+
55
+ --typography-h3-max: 32px;
56
+ --typography-h3-min: 28px;
57
+ --typography-h3-max-line-height: 40px;
58
+ --typography-h3-min-line-height: 32px;
59
+ --typography-h3-font: var(--font-primary);
60
+
61
+ --typography-h4-max: 24px;
62
+ --typography-h4-min: 24px;
63
+ --typography-h4-max-line-height: 32px;
64
+ --typography-h4-min-line-height: 32px;
65
+ --typography-h4-font: var(--font-primary);
66
+
67
+ --typography-h5-max: 18px;
68
+ --typography-h5-min: 18px;
69
+ --typography-h5-max-line-height: 18px;
70
+ --typography-h5-min-line-height: 18px;
71
+ --typography-h5-font: var(--font-primary);
72
+
73
+ --typography-h6-max: 16px;
74
+ --typography-h6-min: 16px;
75
+ --typography-h6-max-line-height: 20px;
76
+ --typography-h6-min-line-height: 20px;
77
+ --typography-h6-font: var(--font-primary);
78
+
79
+ --typography-p-max: 24px;
80
+ --typography-p-min: 20px;
81
+ --typography-p-max-line-height: 24px;
82
+ --typography-p-min-line-height: 28px;
83
+ --typography-p-font: var(--font-primary);
84
+
85
+ --typography-text-xxl-max: 24px;
86
+ --typography-text-xxl-min: 20px;
87
+ --typography-text-xxl-max-line-height: 28px;
88
+ --typography-text-xxl-min-line-height: 24px;
89
+ --typography-text-xxl-font: var(--font-primary);
90
+
91
+ --typography-text-xl-max: 20px;
92
+ --typography-text-xl-min: 18px;
93
+ --typography-text-xl-min-line-height: 24px;
94
+ --typography-text-xl-max-line-height: 20px;
95
+ --typography-text-xl-font: var(--font-primary);
96
+
97
+ --typography-text-l-max: 18px;
98
+ --typography-text-l-min: 16px;
99
+ --typography-text-l-max-line-height: 20px;
100
+ --typography-text-l-min-line-height: 18px;
101
+ --typography-text-l-font: var(--font-primary);
102
+
103
+ --typography-text-m-max: 16px;
104
+ --typography-text-m-min: 14px;
105
+ --typography-text-m-max-line-height: 18px;
106
+ --typography-text-m-min-line-height: 16px;
107
+ --typography-text-m-font: var(--font-primary);
108
+
109
+ --typography-text-s-min: 14px;
110
+ --typography-text-s-max: 14px;
111
+ --typography-text-s-min-line-height: 16px;
112
+ --typography-text-s-max-line-height: 18px;
113
+ --typography-text-s-font: var(--font-primary);
114
+
115
+ --typography-text-xs-max: 12px;
116
+ --typography-text-xs-min: 10px;
117
+ --typography-text-xs-max-line-height: 12px;
118
+ --typography-text-xs-min-line-height: 12px;
119
+ --typography-text-xs-font: var(--font-primary);
120
+
121
+ --typography-text-xxs-max: 10px;
122
+ --typography-text-xxs-min: 8px;
123
+ --typography-text-xxs-max-line-height: 10px;
124
+ --typography-text-xxs-min-line-height: 10px;
125
+ --typography-text-xxs-font: var(--font-primary);
126
+
127
+ --typography-email-h1: 32px;
128
+ --typography-email-h1-line-height: 38px;
129
+
130
+ --typography-email-h2: 26px;
131
+ --typography-email-h2-line-height: 32px;
132
+
133
+ --typography-email-h3: 18px;
134
+ --typography-email-h3-line-height: 24px;
135
+
136
+ --typography-email-h4: 24px;
137
+ --typography-email-h4-line-height: 30px;
138
+
139
+ --typography-email-h5: 18px;
140
+ --typography-email-h5-line-height: 24px;
141
+
142
+ --typography-email-h6: 12px;
143
+ --typography-email-h6-line-height: 18px;
144
+
145
+ --typography-email-p: 16px;
146
+ --typography-email-p-line-height: 24px;
147
+
148
+ --typography-email-text-xxl: 24px;
149
+ --typography-email-text-xxl-line-height: 28px;
150
+
151
+ --typography-email-text-xl: 20px;
152
+ --typography-email-text-xl-line-height: 24px;
153
+
154
+ --typography-email-text-l: 18px;
155
+ --typography-email-text-l-line-height: 24px;
156
+
157
+ --typography-email-text-m: 16px;
158
+ --typography-email-text-m-line-height: 18px;
159
+
160
+ --typography-email-text-s: 14px;
161
+ --typography-email-text-s-line-height: 18px;
162
+
163
+ --typography-email-text-xs: 12px;
164
+ --typography-email-text-xs-line-height: 16px;
165
+
166
+ --typography-email-text-xxs: 10px;
167
+ --typography-email-text-xxs-line-height: 14px;
168
+
169
+ --typography-h1-print: 22px;
170
+ --typography-h1-line-height-print: 22px;
171
+ --typography-h1-font-print: var(--font-print);
172
+
173
+ --typography-h2-print: 20px;
174
+ --typography-h2-line-height-print: 20px;
175
+ --typography-h2-font-print: var(--font-print);
176
+
177
+ --typography-h3-print: 18px;
178
+ --typography-h3-line-height-print: 18px;
179
+ --typography-h3-font-print: var(--font-print);
180
+
181
+ --typography-h4-print: 16px;
182
+ --typography-h4-line-height-print: 16px;
183
+ --typography-h4-font-print: var(--font-print);
184
+
185
+ --typography-h5-print: 14px;
186
+ --typography-h5-line-height-print: 14px;
187
+ --typography-h5-font-print: var(--font-print);
188
+
189
+ --typography-h6-print: 12px;
190
+ --typography-h6-line-height-print: 12px;
191
+ --typography-h6-font-print: var(--font-print);
192
+
193
+ --typography-p-print: 12px;
194
+ --typography-p-line-height-print: 12px;
195
+ --typography-p-font-print: var(--font-print);
196
+
197
+ --typography-text-xxl-print: 12px;
198
+ --typography-text-xxl-line-height-print: 12px;
199
+ --typography-text-xxl-font-print: var(--font-print);
200
+
201
+ --typography-text-xl-print: 11px;
202
+ --typography-text-xl-line-height-print: 11px;
203
+ --typography-text-xl-font-print: var(--font-print);
204
+
205
+ --typography-text-l-print: 10px;
206
+ --typography-text-l-line-height-print: 10px;
207
+ --typography-text-l-font-print: var(--font-print);
208
+
209
+ --typography-text-m-print: 9px;
210
+ --typography-text-m-line-height-print: 9px;
211
+ --typography-text-m-font-print: var(--font-print);
212
+
213
+ --typography-text-s-print: 8px;
214
+ --typography-text-s-line-height-print: 8px;
215
+ --typography-text-s-font-print: var(--font-print);
216
+
217
+ --typography-text-xs-print: 7px;
218
+ --typography-text-xs-line-height-print: 7px;
219
+ --typography-text-xs-font-print: var(--font-print);
220
+
221
+ --typography-text-xxs-print: 6px;
222
+ --typography-text-xxs-line-height-print: 6px;
223
+ --typography-text-xxs-font-print: var(--font-print);
224
+ }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@itcase/tokens-am",
3
3
  "description": "",
4
- "version": "1.1.44",
4
+ "version": "1.1.45",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "private": false,
@@ -12,7 +12,7 @@
12
12
  "scripts": {
13
13
  "build": "npm run build-css",
14
14
  "build-js": "rm -rf dist && NODE_ENV=production rollup -c",
15
- "build-css": "postcss 'src/styles/main.css' --base src --dir dist/css/ --env production && cp -RP ./src/fonts/ ./dist/fonts && postcss 'src/fonts/fonts_embed.css' --config src/fonts/ --dir dist/fonts && postcss 'src/themes/*.css' --config src/themes/ --dir dist/css/styles/",
15
+ "build-css": "postcss 'src/styles/main.css' --base src --dir dist/css/ --env production && cp -RP ./src/fonts/ ./dist/fonts && postcss 'src/fonts/fonts_embed.css' --config src/fonts/ --dir dist/fonts && postcss 'src/themes/*.css' --config src/themes/ --dir dist/css/styles/ && cp -RP ./src/tokens/typography.css ./dist/css/styles/",
16
16
  "dev": "npm run dev-css",
17
17
  "dev-css": "postcss 'src/styles/main.css' --base src --dir dist/css/ --env production && cp -RP ./src/fonts/ ./dist/fonts && postcss 'src/fonts/fonts_embed.css' --config src/fonts/ --dir dist/fonts",
18
18
  "dev-js": "rollup -c -w"
@@ -24,5 +24,5 @@
24
24
  "access": "public",
25
25
  "registry": "https://registry.npmjs.org/"
26
26
  },
27
- "gitHead": "28895462c1b045704ba7d0a72c8a0b41b8e91efa"
27
+ "gitHead": "bee8d2b4defb89107ef03cdcada76e451aa8483d"
28
28
  }