@madgex/design-system 1.7.2 → 1.8.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/dist/_tokens/css/_tokens.css +5 -5
- package/dist/_tokens/js/_tokens-module.js +17 -17
- package/dist/_tokens/scss/_tokens.scss +7 -7
- package/dist/css/index.css +833 -1
- package/fractal-theme/assets/css/styles.css +9 -0
- package/package.json +2 -2
- package/src/components/_preview.njk +1 -0
- package/src/layout/grid/README.md +61 -0
- package/src/layout/grid/grid.njk +58 -0
- package/src/scss/core/__index.scss +1 -0
- package/src/scss/core/_grid.scss +975 -0
- package/src/scss/helpers/_media-queries.scss +4 -4
- package/src/tokens/size.json +4 -4
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Thu,
|
|
3
|
+
* Generated on Thu, 04 Jul 2019 10:34:17 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -27,10 +27,10 @@
|
|
|
27
27
|
--mds-size-font-xxl: 46rem;
|
|
28
28
|
--mds-size-font-base: 16rem;
|
|
29
29
|
--mds-size-baseline: 4rem;
|
|
30
|
-
--mds-size-breakpoint-
|
|
31
|
-
--mds-size-breakpoint-
|
|
32
|
-
--mds-size-breakpoint-
|
|
33
|
-
--mds-size-breakpoint-
|
|
30
|
+
--mds-size-breakpoint-sm: 400rem;
|
|
31
|
+
--mds-size-breakpoint-md: 600rem;
|
|
32
|
+
--mds-size-breakpoint-lg: 1008rem;
|
|
33
|
+
--mds-size-breakpoint-xl: 1280rem;
|
|
34
34
|
--mds-size-border-width: 1rem;
|
|
35
35
|
--mds-size-border-radius: 3rem;
|
|
36
36
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Thu,
|
|
3
|
+
* Generated on Thu, 04 Jul 2019 10:34:17 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
module.exports = {
|
|
@@ -393,72 +393,72 @@ module.exports = {
|
|
|
393
393
|
]
|
|
394
394
|
},
|
|
395
395
|
"breakpoint": {
|
|
396
|
-
"
|
|
396
|
+
"sm": {
|
|
397
397
|
"value": "400rem",
|
|
398
398
|
"original": {
|
|
399
399
|
"value": "400px"
|
|
400
400
|
},
|
|
401
|
-
"name": "
|
|
401
|
+
"name": "MdsSizeBreakpointSm",
|
|
402
402
|
"attributes": {
|
|
403
403
|
"category": "size",
|
|
404
404
|
"type": "breakpoint",
|
|
405
|
-
"item": "
|
|
405
|
+
"item": "sm"
|
|
406
406
|
},
|
|
407
407
|
"path": [
|
|
408
408
|
"size",
|
|
409
409
|
"breakpoint",
|
|
410
|
-
"
|
|
410
|
+
"sm"
|
|
411
411
|
]
|
|
412
412
|
},
|
|
413
|
-
"
|
|
413
|
+
"md": {
|
|
414
414
|
"value": "600rem",
|
|
415
415
|
"original": {
|
|
416
416
|
"value": "600px"
|
|
417
417
|
},
|
|
418
|
-
"name": "
|
|
418
|
+
"name": "MdsSizeBreakpointMd",
|
|
419
419
|
"attributes": {
|
|
420
420
|
"category": "size",
|
|
421
421
|
"type": "breakpoint",
|
|
422
|
-
"item": "
|
|
422
|
+
"item": "md"
|
|
423
423
|
},
|
|
424
424
|
"path": [
|
|
425
425
|
"size",
|
|
426
426
|
"breakpoint",
|
|
427
|
-
"
|
|
427
|
+
"md"
|
|
428
428
|
]
|
|
429
429
|
},
|
|
430
|
-
"
|
|
430
|
+
"lg": {
|
|
431
431
|
"value": "1008rem",
|
|
432
432
|
"original": {
|
|
433
433
|
"value": "1008px"
|
|
434
434
|
},
|
|
435
|
-
"name": "
|
|
435
|
+
"name": "MdsSizeBreakpointLg",
|
|
436
436
|
"attributes": {
|
|
437
437
|
"category": "size",
|
|
438
438
|
"type": "breakpoint",
|
|
439
|
-
"item": "
|
|
439
|
+
"item": "lg"
|
|
440
440
|
},
|
|
441
441
|
"path": [
|
|
442
442
|
"size",
|
|
443
443
|
"breakpoint",
|
|
444
|
-
"
|
|
444
|
+
"lg"
|
|
445
445
|
]
|
|
446
446
|
},
|
|
447
|
-
"
|
|
447
|
+
"xl": {
|
|
448
448
|
"value": "1280rem",
|
|
449
449
|
"original": {
|
|
450
450
|
"value": "1280px"
|
|
451
451
|
},
|
|
452
|
-
"name": "
|
|
452
|
+
"name": "MdsSizeBreakpointXl",
|
|
453
453
|
"attributes": {
|
|
454
454
|
"category": "size",
|
|
455
455
|
"type": "breakpoint",
|
|
456
|
-
"item": "
|
|
456
|
+
"item": "xl"
|
|
457
457
|
},
|
|
458
458
|
"path": [
|
|
459
459
|
"size",
|
|
460
460
|
"breakpoint",
|
|
461
|
-
"
|
|
461
|
+
"xl"
|
|
462
462
|
]
|
|
463
463
|
}
|
|
464
464
|
},
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
/*
|
|
3
3
|
Do not edit directly
|
|
4
|
-
Generated on Thu,
|
|
4
|
+
Generated on Thu, 04 Jul 2019 10:34:17 GMT
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
7
|
$mds-color-base: #71767a !default; // Base colour
|
|
@@ -27,10 +27,10 @@ $mds-size-font-xl: 26px !default;
|
|
|
27
27
|
$mds-size-font-xxl: 46px !default;
|
|
28
28
|
$mds-size-font-base: 16px !default;
|
|
29
29
|
$mds-size-baseline: 4px !default;
|
|
30
|
-
$mds-size-breakpoint-
|
|
31
|
-
$mds-size-breakpoint-
|
|
32
|
-
$mds-size-breakpoint-
|
|
33
|
-
$mds-size-breakpoint-
|
|
30
|
+
$mds-size-breakpoint-sm: 400px !default;
|
|
31
|
+
$mds-size-breakpoint-md: 600px !default;
|
|
32
|
+
$mds-size-breakpoint-lg: 1008px !default;
|
|
33
|
+
$mds-size-breakpoint-xl: 1280px !default;
|
|
34
34
|
$mds-size-border-width: 1px !default;
|
|
35
35
|
$mds-size-border-radius: 3px !default;
|
|
36
36
|
|
|
@@ -72,10 +72,10 @@ $tokens: (
|
|
|
72
72
|
),
|
|
73
73
|
'baseline': $mds-size-baseline,
|
|
74
74
|
'breakpoint': (
|
|
75
|
-
'xs': $mds-size-breakpoint-xs,
|
|
76
75
|
'sm': $mds-size-breakpoint-sm,
|
|
77
76
|
'md': $mds-size-breakpoint-md,
|
|
78
|
-
'lg': $mds-size-breakpoint-lg
|
|
77
|
+
'lg': $mds-size-breakpoint-lg,
|
|
78
|
+
'xl': $mds-size-breakpoint-xl
|
|
79
79
|
),
|
|
80
80
|
'border': (
|
|
81
81
|
'width': $mds-size-border-width,
|