@sb1/ffe-core 20.0.0 → 21.0.2
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.
- package/less/font-sizes.less +0 -8
- package/less/normalize.css +154 -225
- package/less/typography.less +1 -0
- package/package.json +2 -2
package/less/font-sizes.less
CHANGED
package/less/normalize.css
CHANGED
|
@@ -1,132 +1,91 @@
|
|
|
1
|
-
/*! normalize.css
|
|
1
|
+
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
* 2. Correct the line height in all browsers.
|
|
6
|
-
* 3. Prevent adjustments of font size after orientation changes in IE and iOS.
|
|
7
|
-
*/
|
|
8
|
-
|
|
9
|
-
html {
|
|
10
|
-
font-family: sans-serif; /* 1 */
|
|
11
|
-
line-height: 1.15; /* 2 */
|
|
12
|
-
-ms-text-size-adjust: 100%; /* 3 */
|
|
13
|
-
-webkit-text-size-adjust: 100%; /* 3 */
|
|
14
|
-
}
|
|
3
|
+
/* Document
|
|
4
|
+
========================================================================== */
|
|
15
5
|
|
|
16
6
|
/**
|
|
17
|
-
*
|
|
7
|
+
* 1. Correct the line height in all browsers.
|
|
8
|
+
* 2. Prevent adjustments of font size after orientation changes in iOS.
|
|
18
9
|
*/
|
|
19
10
|
|
|
20
|
-
|
|
21
|
-
|
|
11
|
+
html {
|
|
12
|
+
line-height: 1.15; /* 1 */
|
|
13
|
+
-webkit-text-size-adjust: 100%; /* 2 */
|
|
22
14
|
}
|
|
23
15
|
|
|
24
|
-
/*
|
|
16
|
+
/* Sections
|
|
25
17
|
========================================================================== */
|
|
26
18
|
|
|
27
19
|
/**
|
|
28
|
-
*
|
|
29
|
-
* 1. Add the correct display in Edge, IE, and Firefox.
|
|
30
|
-
* 2. Add the correct display in IE.
|
|
31
|
-
*/
|
|
32
|
-
|
|
33
|
-
article,
|
|
34
|
-
aside,
|
|
35
|
-
details, /* 1 */
|
|
36
|
-
figcaption,
|
|
37
|
-
figure,
|
|
38
|
-
footer,
|
|
39
|
-
header,
|
|
40
|
-
main, /* 2 */
|
|
41
|
-
menu,
|
|
42
|
-
nav,
|
|
43
|
-
section,
|
|
44
|
-
summary { /* 1 */
|
|
45
|
-
display: block;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
/**
|
|
49
|
-
* Add the correct display in IE 9-.
|
|
50
|
-
*/
|
|
51
|
-
|
|
52
|
-
audio,
|
|
53
|
-
canvas,
|
|
54
|
-
progress,
|
|
55
|
-
video {
|
|
56
|
-
display: inline-block;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
/**
|
|
60
|
-
* Add the correct display in iOS 4-7.
|
|
20
|
+
* Remove the margin in all browsers.
|
|
61
21
|
*/
|
|
62
22
|
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
height: 0;
|
|
23
|
+
body {
|
|
24
|
+
margin: 0;
|
|
66
25
|
}
|
|
67
26
|
|
|
68
27
|
/**
|
|
69
|
-
*
|
|
28
|
+
* Render the `main` element consistently in IE.
|
|
70
29
|
*/
|
|
71
30
|
|
|
72
|
-
|
|
73
|
-
|
|
31
|
+
main {
|
|
32
|
+
display: block;
|
|
74
33
|
}
|
|
75
34
|
|
|
76
35
|
/**
|
|
77
|
-
*
|
|
78
|
-
*
|
|
36
|
+
* Correct the font size and margin on `h1` elements within `section` and
|
|
37
|
+
* `article` contexts in Chrome, Firefox, and Safari.
|
|
79
38
|
*/
|
|
80
39
|
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
40
|
+
h1 {
|
|
41
|
+
font-size: 2em;
|
|
42
|
+
margin: 0.67em 0;
|
|
84
43
|
}
|
|
85
44
|
|
|
86
|
-
/*
|
|
45
|
+
/* Grouping content
|
|
87
46
|
========================================================================== */
|
|
88
47
|
|
|
89
48
|
/**
|
|
90
|
-
* 1.
|
|
91
|
-
* 2.
|
|
49
|
+
* 1. Add the correct box sizing in Firefox.
|
|
50
|
+
* 2. Show the overflow in Edge and IE.
|
|
92
51
|
*/
|
|
93
52
|
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
53
|
+
hr {
|
|
54
|
+
box-sizing: content-box; /* 1 */
|
|
55
|
+
height: 0; /* 1 */
|
|
56
|
+
overflow: visible; /* 2 */
|
|
97
57
|
}
|
|
98
58
|
|
|
99
59
|
/**
|
|
100
|
-
*
|
|
101
|
-
* in all browsers
|
|
60
|
+
* 1. Correct the inheritance and scaling of font size in all browsers.
|
|
61
|
+
* 2. Correct the odd `em` font sizing in all browsers.
|
|
102
62
|
*/
|
|
103
63
|
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
64
|
+
pre {
|
|
65
|
+
font-family: monospace, monospace; /* 1 */
|
|
66
|
+
font-size: 1em; /* 2 */
|
|
107
67
|
}
|
|
108
68
|
|
|
109
69
|
/* Text-level semantics
|
|
110
70
|
========================================================================== */
|
|
111
71
|
|
|
112
72
|
/**
|
|
113
|
-
*
|
|
114
|
-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
|
73
|
+
* Remove the gray background on active links in IE 10.
|
|
115
74
|
*/
|
|
116
75
|
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
text-decoration: underline; /* 2 */
|
|
120
|
-
text-decoration: underline dotted; /* 2 */
|
|
76
|
+
a {
|
|
77
|
+
background-color: transparent;
|
|
121
78
|
}
|
|
122
79
|
|
|
123
80
|
/**
|
|
124
|
-
*
|
|
81
|
+
* 1. Remove the bottom border in Chrome 57-
|
|
82
|
+
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
|
125
83
|
*/
|
|
126
84
|
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
85
|
+
abbr[title] {
|
|
86
|
+
border-bottom: none; /* 1 */
|
|
87
|
+
text-decoration: underline; /* 2 */
|
|
88
|
+
text-decoration: underline dotted; /* 2 */
|
|
130
89
|
}
|
|
131
90
|
|
|
132
91
|
/**
|
|
@@ -135,34 +94,19 @@ strong {
|
|
|
135
94
|
|
|
136
95
|
b,
|
|
137
96
|
strong {
|
|
138
|
-
|
|
139
|
-
}
|
|
140
|
-
|
|
141
|
-
/**
|
|
142
|
-
* Add the correct font style in Android 4.3-.
|
|
143
|
-
*/
|
|
144
|
-
|
|
145
|
-
dfn {
|
|
146
|
-
font-style: italic;
|
|
147
|
-
}
|
|
148
|
-
|
|
149
|
-
/**
|
|
150
|
-
* Correct the font size and margin on `h1` elements within `section` and
|
|
151
|
-
* `article` contexts in Chrome, Firefox, and Safari.
|
|
152
|
-
*/
|
|
153
|
-
|
|
154
|
-
h1 {
|
|
155
|
-
font-size: 2em;
|
|
156
|
-
margin: 0.67em 0;
|
|
97
|
+
font-weight: bolder;
|
|
157
98
|
}
|
|
158
99
|
|
|
159
100
|
/**
|
|
160
|
-
*
|
|
101
|
+
* 1. Correct the inheritance and scaling of font size in all browsers.
|
|
102
|
+
* 2. Correct the odd `em` font sizing in all browsers.
|
|
161
103
|
*/
|
|
162
104
|
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
105
|
+
code,
|
|
106
|
+
kbd,
|
|
107
|
+
samp {
|
|
108
|
+
font-family: monospace, monospace; /* 1 */
|
|
109
|
+
font-size: 1em; /* 2 */
|
|
166
110
|
}
|
|
167
111
|
|
|
168
112
|
/**
|
|
@@ -170,7 +114,7 @@ mark {
|
|
|
170
114
|
*/
|
|
171
115
|
|
|
172
116
|
small {
|
|
173
|
-
|
|
117
|
+
font-size: 80%;
|
|
174
118
|
}
|
|
175
119
|
|
|
176
120
|
/**
|
|
@@ -180,79 +124,36 @@ small {
|
|
|
180
124
|
|
|
181
125
|
sub,
|
|
182
126
|
sup {
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
127
|
+
font-size: 75%;
|
|
128
|
+
line-height: 0;
|
|
129
|
+
position: relative;
|
|
130
|
+
vertical-align: baseline;
|
|
187
131
|
}
|
|
188
132
|
|
|
189
133
|
sub {
|
|
190
|
-
|
|
134
|
+
bottom: -0.25em;
|
|
191
135
|
}
|
|
192
136
|
|
|
193
137
|
sup {
|
|
194
|
-
|
|
138
|
+
top: -0.5em;
|
|
195
139
|
}
|
|
196
140
|
|
|
197
141
|
/* Embedded content
|
|
198
142
|
========================================================================== */
|
|
199
143
|
|
|
200
144
|
/**
|
|
201
|
-
* Remove the border on images inside links in IE 10
|
|
145
|
+
* Remove the border on images inside links in IE 10.
|
|
202
146
|
*/
|
|
203
147
|
|
|
204
148
|
img {
|
|
205
|
-
|
|
206
|
-
}
|
|
207
|
-
|
|
208
|
-
/**
|
|
209
|
-
* Hide the overflow in IE.
|
|
210
|
-
*/
|
|
211
|
-
|
|
212
|
-
svg:not(:root) {
|
|
213
|
-
overflow: hidden;
|
|
214
|
-
}
|
|
215
|
-
|
|
216
|
-
/* Grouping content
|
|
217
|
-
========================================================================== */
|
|
218
|
-
|
|
219
|
-
/**
|
|
220
|
-
* 1. Correct the inheritance and scaling of font size in all browsers.
|
|
221
|
-
* 2. Correct the odd `em` font sizing in all browsers.
|
|
222
|
-
*/
|
|
223
|
-
|
|
224
|
-
code,
|
|
225
|
-
kbd,
|
|
226
|
-
pre,
|
|
227
|
-
samp {
|
|
228
|
-
font-family: monospace, monospace; /* 1 */
|
|
229
|
-
font-size: 1em; /* 2 */
|
|
230
|
-
}
|
|
231
|
-
|
|
232
|
-
/**
|
|
233
|
-
* Add the correct margin in IE 8.
|
|
234
|
-
*/
|
|
235
|
-
|
|
236
|
-
figure {
|
|
237
|
-
margin: 1em 40px;
|
|
238
|
-
}
|
|
239
|
-
|
|
240
|
-
/**
|
|
241
|
-
* 1. Add the correct box sizing in Firefox.
|
|
242
|
-
* 2. Show the overflow in Edge and IE.
|
|
243
|
-
*/
|
|
244
|
-
|
|
245
|
-
hr {
|
|
246
|
-
box-sizing: content-box; /* 1 */
|
|
247
|
-
height: 0; /* 1 */
|
|
248
|
-
overflow: visible; /* 2 */
|
|
149
|
+
border-style: none;
|
|
249
150
|
}
|
|
250
151
|
|
|
251
152
|
/* Forms
|
|
252
153
|
========================================================================== */
|
|
253
154
|
|
|
254
155
|
/**
|
|
255
|
-
* 1. Change font
|
|
156
|
+
* 1. Change the font styles in all browsers.
|
|
256
157
|
* 2. Remove the margin in Firefox and Safari.
|
|
257
158
|
*/
|
|
258
159
|
|
|
@@ -261,16 +162,10 @@ input,
|
|
|
261
162
|
optgroup,
|
|
262
163
|
select,
|
|
263
164
|
textarea {
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
/**
|
|
269
|
-
* Restore the font weight unset by the previous rule.
|
|
270
|
-
*/
|
|
271
|
-
|
|
272
|
-
optgroup {
|
|
273
|
-
font-weight: bold;
|
|
165
|
+
font-family: inherit; /* 1 */
|
|
166
|
+
font-size: 100%; /* 1 */
|
|
167
|
+
line-height: 1.15; /* 1 */
|
|
168
|
+
margin: 0; /* 2 */
|
|
274
169
|
}
|
|
275
170
|
|
|
276
171
|
/**
|
|
@@ -279,8 +174,9 @@ optgroup {
|
|
|
279
174
|
*/
|
|
280
175
|
|
|
281
176
|
button,
|
|
282
|
-
input {
|
|
283
|
-
|
|
177
|
+
input {
|
|
178
|
+
/* 1 */
|
|
179
|
+
overflow: visible;
|
|
284
180
|
}
|
|
285
181
|
|
|
286
182
|
/**
|
|
@@ -289,21 +185,20 @@ input { /* 1 */
|
|
|
289
185
|
*/
|
|
290
186
|
|
|
291
187
|
button,
|
|
292
|
-
select {
|
|
293
|
-
|
|
188
|
+
select {
|
|
189
|
+
/* 1 */
|
|
190
|
+
text-transform: none;
|
|
294
191
|
}
|
|
295
192
|
|
|
296
193
|
/**
|
|
297
|
-
*
|
|
298
|
-
* controls in Android 4.
|
|
299
|
-
* 2. Correct the inability to style clickable types in iOS and Safari.
|
|
194
|
+
* Correct the inability to style clickable types in iOS and Safari.
|
|
300
195
|
*/
|
|
301
196
|
|
|
302
197
|
button,
|
|
303
|
-
|
|
304
|
-
[type=
|
|
305
|
-
[type=
|
|
306
|
-
|
|
198
|
+
[type='button'],
|
|
199
|
+
[type='reset'],
|
|
200
|
+
[type='submit'] {
|
|
201
|
+
-webkit-appearance: button;
|
|
307
202
|
}
|
|
308
203
|
|
|
309
204
|
/**
|
|
@@ -311,11 +206,11 @@ html [type="button"], /* 1 */
|
|
|
311
206
|
*/
|
|
312
207
|
|
|
313
208
|
button::-moz-focus-inner,
|
|
314
|
-
[type=
|
|
315
|
-
[type=
|
|
316
|
-
[type=
|
|
317
|
-
|
|
318
|
-
|
|
209
|
+
[type='button']::-moz-focus-inner,
|
|
210
|
+
[type='reset']::-moz-focus-inner,
|
|
211
|
+
[type='submit']::-moz-focus-inner {
|
|
212
|
+
border-style: none;
|
|
213
|
+
padding: 0;
|
|
319
214
|
}
|
|
320
215
|
|
|
321
216
|
/**
|
|
@@ -323,20 +218,18 @@ button::-moz-focus-inner,
|
|
|
323
218
|
*/
|
|
324
219
|
|
|
325
220
|
button:-moz-focusring,
|
|
326
|
-
[type=
|
|
327
|
-
[type=
|
|
328
|
-
[type=
|
|
329
|
-
|
|
221
|
+
[type='button']:-moz-focusring,
|
|
222
|
+
[type='reset']:-moz-focusring,
|
|
223
|
+
[type='submit']:-moz-focusring {
|
|
224
|
+
outline: 1px dotted ButtonText;
|
|
330
225
|
}
|
|
331
226
|
|
|
332
227
|
/**
|
|
333
|
-
*
|
|
228
|
+
* Correct the padding in Firefox.
|
|
334
229
|
*/
|
|
335
230
|
|
|
336
231
|
fieldset {
|
|
337
|
-
|
|
338
|
-
margin: 0 2px;
|
|
339
|
-
padding: 0.35em 0.625em 0.75em;
|
|
232
|
+
padding: 0.35em 0.75em 0.625em;
|
|
340
233
|
}
|
|
341
234
|
|
|
342
235
|
/**
|
|
@@ -347,40 +240,48 @@ fieldset {
|
|
|
347
240
|
*/
|
|
348
241
|
|
|
349
242
|
legend {
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
243
|
+
box-sizing: border-box; /* 1 */
|
|
244
|
+
color: inherit; /* 2 */
|
|
245
|
+
display: table; /* 1 */
|
|
246
|
+
max-width: 100%; /* 1 */
|
|
247
|
+
padding: 0; /* 3 */
|
|
248
|
+
white-space: normal; /* 1 */
|
|
356
249
|
}
|
|
357
250
|
|
|
358
251
|
/**
|
|
359
|
-
*
|
|
252
|
+
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
|
253
|
+
*/
|
|
254
|
+
|
|
255
|
+
progress {
|
|
256
|
+
vertical-align: baseline;
|
|
257
|
+
}
|
|
258
|
+
|
|
259
|
+
/**
|
|
260
|
+
* Remove the default vertical scrollbar in IE 10+.
|
|
360
261
|
*/
|
|
361
262
|
|
|
362
263
|
textarea {
|
|
363
|
-
|
|
264
|
+
overflow: auto;
|
|
364
265
|
}
|
|
365
266
|
|
|
366
267
|
/**
|
|
367
|
-
* 1. Add the correct box sizing in IE 10
|
|
368
|
-
* 2. Remove the padding in IE 10
|
|
268
|
+
* 1. Add the correct box sizing in IE 10.
|
|
269
|
+
* 2. Remove the padding in IE 10.
|
|
369
270
|
*/
|
|
370
271
|
|
|
371
|
-
[type=
|
|
372
|
-
[type=
|
|
373
|
-
|
|
374
|
-
|
|
272
|
+
[type='checkbox'],
|
|
273
|
+
[type='radio'] {
|
|
274
|
+
box-sizing: border-box; /* 1 */
|
|
275
|
+
padding: 0; /* 2 */
|
|
375
276
|
}
|
|
376
277
|
|
|
377
278
|
/**
|
|
378
279
|
* Correct the cursor style of increment and decrement buttons in Chrome.
|
|
379
280
|
*/
|
|
380
281
|
|
|
381
|
-
[type=
|
|
382
|
-
[type=
|
|
383
|
-
|
|
282
|
+
[type='number']::-webkit-inner-spin-button,
|
|
283
|
+
[type='number']::-webkit-outer-spin-button {
|
|
284
|
+
height: auto;
|
|
384
285
|
}
|
|
385
286
|
|
|
386
287
|
/**
|
|
@@ -388,35 +289,63 @@ textarea {
|
|
|
388
289
|
* 2. Correct the outline style in Safari.
|
|
389
290
|
*/
|
|
390
291
|
|
|
391
|
-
[type=
|
|
392
|
-
|
|
393
|
-
|
|
292
|
+
[type='search'] {
|
|
293
|
+
-webkit-appearance: textfield; /* 1 */
|
|
294
|
+
outline-offset: -2px; /* 2 */
|
|
394
295
|
}
|
|
395
296
|
|
|
396
297
|
/**
|
|
397
|
-
* Remove the inner padding
|
|
298
|
+
* Remove the inner padding in Chrome and Safari on macOS.
|
|
299
|
+
*/
|
|
300
|
+
|
|
301
|
+
[type='search']::-webkit-search-decoration {
|
|
302
|
+
-webkit-appearance: none;
|
|
303
|
+
}
|
|
304
|
+
|
|
305
|
+
/**
|
|
306
|
+
* 1. Correct the inability to style clickable types in iOS and Safari.
|
|
307
|
+
* 2. Change font properties to `inherit` in Safari.
|
|
308
|
+
*/
|
|
309
|
+
|
|
310
|
+
::-webkit-file-upload-button {
|
|
311
|
+
-webkit-appearance: button; /* 1 */
|
|
312
|
+
font: inherit; /* 2 */
|
|
313
|
+
}
|
|
314
|
+
|
|
315
|
+
/* Interactive
|
|
316
|
+
========================================================================== */
|
|
317
|
+
|
|
318
|
+
/*
|
|
319
|
+
* Add the correct display in Edge, IE 10+, and Firefox.
|
|
398
320
|
*/
|
|
399
321
|
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
-webkit-appearance: none;
|
|
322
|
+
details {
|
|
323
|
+
display: block;
|
|
403
324
|
}
|
|
404
325
|
|
|
326
|
+
/*
|
|
327
|
+
* Add the correct display in all browsers.
|
|
328
|
+
*/
|
|
329
|
+
|
|
330
|
+
summary {
|
|
331
|
+
display: list-item;
|
|
332
|
+
}
|
|
333
|
+
|
|
334
|
+
/* Misc
|
|
335
|
+
========================================================================== */
|
|
336
|
+
|
|
405
337
|
/**
|
|
406
|
-
*
|
|
338
|
+
* Add the correct display in IE 10+.
|
|
407
339
|
*/
|
|
408
340
|
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
opacity: 0.54;
|
|
341
|
+
template {
|
|
342
|
+
display: none;
|
|
412
343
|
}
|
|
413
344
|
|
|
414
345
|
/**
|
|
415
|
-
*
|
|
416
|
-
* 2. Change font properties to `inherit` in Safari.
|
|
346
|
+
* Add the correct display in IE 10.
|
|
417
347
|
*/
|
|
418
348
|
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
font: inherit; /* 2 */
|
|
349
|
+
[hidden] {
|
|
350
|
+
display: none;
|
|
422
351
|
}
|
package/less/typography.less
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sb1/ffe-core",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "21.0.2",
|
|
4
4
|
"description": "Rammeverk for Felles Front End",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "SpareBank 1",
|
|
@@ -30,5 +30,5 @@
|
|
|
30
30
|
"publishConfig": {
|
|
31
31
|
"access": "public"
|
|
32
32
|
},
|
|
33
|
-
"gitHead": "
|
|
33
|
+
"gitHead": "dd9fd5e5bca5a8c2462f9300bbd98ed967dfdd2e"
|
|
34
34
|
}
|