@sb1/ffe-grid 11.0.27 → 12.0.0
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/ffe-grid.less +36 -59
- package/package.json +3 -3
package/less/ffe-grid.less
CHANGED
|
@@ -176,18 +176,8 @@
|
|
|
176
176
|
margin-left: (@ffe-grid-gutter-lg / 2 * -1);
|
|
177
177
|
margin-right: (@ffe-grid-gutter-lg / 2 * -1);
|
|
178
178
|
}
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
background-color: @ffe-blue-ice;
|
|
182
|
-
.native & {
|
|
183
|
-
@media (prefers-color-scheme: dark) {
|
|
184
|
-
background-color: @ffe-black-darkmode;
|
|
185
|
-
}
|
|
186
|
-
}
|
|
187
|
-
}
|
|
188
|
-
|
|
189
|
-
&--bg-blue-pale {
|
|
190
|
-
background-color: @ffe-blue-pale;
|
|
179
|
+
&--bg-frost-30 {
|
|
180
|
+
background-color: @ffe-farge-frost-30;
|
|
191
181
|
.native & {
|
|
192
182
|
@media (prefers-color-scheme: dark) {
|
|
193
183
|
background-color: @ffe-black-darkmode;
|
|
@@ -195,8 +185,8 @@
|
|
|
195
185
|
}
|
|
196
186
|
}
|
|
197
187
|
|
|
198
|
-
&--bg-
|
|
199
|
-
background-color: @ffe-
|
|
188
|
+
&--bg-sand {
|
|
189
|
+
background-color: @ffe-farge-sand;
|
|
200
190
|
.native & {
|
|
201
191
|
@media (prefers-color-scheme: dark) {
|
|
202
192
|
background-color: @ffe-black-darkmode;
|
|
@@ -204,8 +194,8 @@
|
|
|
204
194
|
}
|
|
205
195
|
}
|
|
206
196
|
|
|
207
|
-
&--bg-sand {
|
|
208
|
-
background-color: @ffe-sand;
|
|
197
|
+
&--bg-sand-70 {
|
|
198
|
+
background-color: @ffe-farge-sand-70;
|
|
209
199
|
.native & {
|
|
210
200
|
@media (prefers-color-scheme: dark) {
|
|
211
201
|
background-color: @ffe-black-darkmode;
|
|
@@ -213,26 +203,24 @@
|
|
|
213
203
|
}
|
|
214
204
|
}
|
|
215
205
|
|
|
216
|
-
&--bg-
|
|
217
|
-
background-color: @ffe-
|
|
206
|
+
&--bg-sand-30 {
|
|
207
|
+
background-color: @ffe-farge-sand-30;
|
|
218
208
|
.native & {
|
|
219
209
|
@media (prefers-color-scheme: dark) {
|
|
220
210
|
background-color: @ffe-black-darkmode;
|
|
221
211
|
}
|
|
222
212
|
}
|
|
223
213
|
}
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
background-color: @ffe-grey-warm;
|
|
214
|
+
&--bg-syrin-70 {
|
|
215
|
+
background-color: @ffe-farge-syrin-70;
|
|
227
216
|
.native & {
|
|
228
217
|
@media (prefers-color-scheme: dark) {
|
|
229
218
|
background-color: @ffe-black-darkmode;
|
|
230
219
|
}
|
|
231
220
|
}
|
|
232
221
|
}
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
background-color: @ffe-orange-salmon;
|
|
222
|
+
&--bg-syrin-30 {
|
|
223
|
+
background-color: @ffe-farge-syrin-30;
|
|
236
224
|
.native & {
|
|
237
225
|
@media (prefers-color-scheme: dark) {
|
|
238
226
|
background-color: @ffe-black-darkmode;
|
|
@@ -240,8 +228,8 @@
|
|
|
240
228
|
}
|
|
241
229
|
}
|
|
242
230
|
|
|
243
|
-
&--bg-
|
|
244
|
-
background-color: @ffe-
|
|
231
|
+
&--bg-vann {
|
|
232
|
+
background-color: @ffe-farge-vann;
|
|
245
233
|
.native & {
|
|
246
234
|
@media (prefers-color-scheme: dark) {
|
|
247
235
|
background-color: @ffe-black-darkmode;
|
|
@@ -249,8 +237,8 @@
|
|
|
249
237
|
}
|
|
250
238
|
}
|
|
251
239
|
|
|
252
|
-
&--bg-
|
|
253
|
-
background-color: @ffe-
|
|
240
|
+
&--bg-fjell {
|
|
241
|
+
background-color: @ffe-farge-fjell;
|
|
254
242
|
.native & {
|
|
255
243
|
@media (prefers-color-scheme: dark) {
|
|
256
244
|
background-color: @ffe-black-darkmode;
|
|
@@ -258,8 +246,8 @@
|
|
|
258
246
|
}
|
|
259
247
|
}
|
|
260
248
|
|
|
261
|
-
&--bg-
|
|
262
|
-
background-color: @ffe-
|
|
249
|
+
&--bg-hvit {
|
|
250
|
+
background-color: @ffe-farge-hvit;
|
|
263
251
|
.native & {
|
|
264
252
|
@media (prefers-color-scheme: dark) {
|
|
265
253
|
background-color: @ffe-black-darkmode;
|
|
@@ -364,8 +352,8 @@
|
|
|
364
352
|
}
|
|
365
353
|
|
|
366
354
|
.ffe-grid__col {
|
|
367
|
-
&--bg-
|
|
368
|
-
background-color: @ffe-
|
|
355
|
+
&--bg-frost-30 {
|
|
356
|
+
background-color: @ffe-farge-frost-30;
|
|
369
357
|
.native & {
|
|
370
358
|
@media (prefers-color-scheme: dark) {
|
|
371
359
|
background-color: @ffe-black-darkmode;
|
|
@@ -373,17 +361,8 @@
|
|
|
373
361
|
}
|
|
374
362
|
}
|
|
375
363
|
|
|
376
|
-
&--bg-
|
|
377
|
-
background-color: @ffe-
|
|
378
|
-
.native & {
|
|
379
|
-
@media (prefers-color-scheme: dark) {
|
|
380
|
-
background-color: @ffe-black-darkmode;
|
|
381
|
-
}
|
|
382
|
-
}
|
|
383
|
-
}
|
|
384
|
-
|
|
385
|
-
&--bg-green-mint {
|
|
386
|
-
background-color: @ffe-green-mint;
|
|
364
|
+
&--bg-sand {
|
|
365
|
+
background-color: @ffe-farge-sand;
|
|
387
366
|
.native & {
|
|
388
367
|
@media (prefers-color-scheme: dark) {
|
|
389
368
|
background-color: @ffe-black-darkmode;
|
|
@@ -391,8 +370,8 @@
|
|
|
391
370
|
}
|
|
392
371
|
}
|
|
393
372
|
|
|
394
|
-
&--bg-sand {
|
|
395
|
-
background-color: @ffe-sand;
|
|
373
|
+
&--bg-sand-70 {
|
|
374
|
+
background-color: @ffe-farge-sand-70;
|
|
396
375
|
.native & {
|
|
397
376
|
@media (prefers-color-scheme: dark) {
|
|
398
377
|
background-color: @ffe-black-darkmode;
|
|
@@ -400,26 +379,24 @@
|
|
|
400
379
|
}
|
|
401
380
|
}
|
|
402
381
|
|
|
403
|
-
&--bg-
|
|
404
|
-
background-color: @ffe-
|
|
382
|
+
&--bg-sand-30 {
|
|
383
|
+
background-color: @ffe-farge-sand-30;
|
|
405
384
|
.native & {
|
|
406
385
|
@media (prefers-color-scheme: dark) {
|
|
407
386
|
background-color: @ffe-black-darkmode;
|
|
408
387
|
}
|
|
409
388
|
}
|
|
410
389
|
}
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
background-color: @ffe-grey-warm;
|
|
390
|
+
&--bg-syrin-70 {
|
|
391
|
+
background-color: @ffe-farge-syrin-70;
|
|
414
392
|
.native & {
|
|
415
393
|
@media (prefers-color-scheme: dark) {
|
|
416
394
|
background-color: @ffe-black-darkmode;
|
|
417
395
|
}
|
|
418
396
|
}
|
|
419
397
|
}
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
background-color: @ffe-orange-salmon;
|
|
398
|
+
&--bg-syrin-30 {
|
|
399
|
+
background-color: @ffe-farge-syrin-30;
|
|
423
400
|
.native & {
|
|
424
401
|
@media (prefers-color-scheme: dark) {
|
|
425
402
|
background-color: @ffe-black-darkmode;
|
|
@@ -427,8 +404,8 @@
|
|
|
427
404
|
}
|
|
428
405
|
}
|
|
429
406
|
|
|
430
|
-
&--bg-
|
|
431
|
-
background-color: @ffe-
|
|
407
|
+
&--bg-vann {
|
|
408
|
+
background-color: @ffe-farge-vann;
|
|
432
409
|
.native & {
|
|
433
410
|
@media (prefers-color-scheme: dark) {
|
|
434
411
|
background-color: @ffe-black-darkmode;
|
|
@@ -436,8 +413,8 @@
|
|
|
436
413
|
}
|
|
437
414
|
}
|
|
438
415
|
|
|
439
|
-
&--bg-
|
|
440
|
-
background-color: @ffe-
|
|
416
|
+
&--bg-fjell {
|
|
417
|
+
background-color: @ffe-farge-fjell;
|
|
441
418
|
.native & {
|
|
442
419
|
@media (prefers-color-scheme: dark) {
|
|
443
420
|
background-color: @ffe-black-darkmode;
|
|
@@ -445,8 +422,8 @@
|
|
|
445
422
|
}
|
|
446
423
|
}
|
|
447
424
|
|
|
448
|
-
&--bg-
|
|
449
|
-
background-color: @ffe-
|
|
425
|
+
&--bg-hvit {
|
|
426
|
+
background-color: @ffe-farge-hvit;
|
|
450
427
|
.native & {
|
|
451
428
|
@media (prefers-color-scheme: dark) {
|
|
452
429
|
background-color: @ffe-black-darkmode;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sb1/ffe-grid",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "12.0.0",
|
|
4
4
|
"description": "A grid component for use within the FFE framework",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"ffe"
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"test": "npm run lint"
|
|
20
20
|
},
|
|
21
21
|
"devDependencies": {
|
|
22
|
-
"@sb1/ffe-core": "^19.
|
|
22
|
+
"@sb1/ffe-core": "^19.2.0",
|
|
23
23
|
"stylelint": "^13.0.0"
|
|
24
24
|
},
|
|
25
25
|
"peerDependencies": {
|
|
@@ -28,5 +28,5 @@
|
|
|
28
28
|
"publishConfig": {
|
|
29
29
|
"access": "public"
|
|
30
30
|
},
|
|
31
|
-
"gitHead": "
|
|
31
|
+
"gitHead": "3bf986b729b694d38539abe8d882c08fdf417af7"
|
|
32
32
|
}
|