@madgex/design-system 1.15.4 → 1.15.5
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 +2 -2
- package/dist/_tokens/js/_tokens-module.js +3 -3
- package/dist/_tokens/scss/_tokens.scss +2 -2
- package/dist/css/index.css +3 -9
- package/package.json +1 -1
- package/src/layout/containers/containers.njk +1 -1
- package/src/scss/core/_containers.scss +1 -4
- package/src/tokens/size.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 12 Jul 2019 10:03:40 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -126,6 +126,6 @@
|
|
|
126
126
|
--mds-size-container-max-width: 100%;
|
|
127
127
|
--mds-size-wrapper-width: 100%;
|
|
128
128
|
--mds-size-wrapper-max-width: 1280px;
|
|
129
|
-
--mds-size-wrapper-padding:
|
|
129
|
+
--mds-size-wrapper-padding: 1.5%;
|
|
130
130
|
--mds-size-surface-padding: 28px 32px;
|
|
131
131
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 12 Jul 2019 10:03:40 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
module.exports = {
|
|
@@ -2579,9 +2579,9 @@ module.exports = {
|
|
|
2579
2579
|
]
|
|
2580
2580
|
},
|
|
2581
2581
|
"padding": {
|
|
2582
|
-
"value": "
|
|
2582
|
+
"value": "1.5rem",
|
|
2583
2583
|
"original": {
|
|
2584
|
-
"value": "
|
|
2584
|
+
"value": "1.5%"
|
|
2585
2585
|
},
|
|
2586
2586
|
"name": "MdsSizeWrapperPadding",
|
|
2587
2587
|
"attributes": {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
/*
|
|
3
3
|
Do not edit directly
|
|
4
|
-
Generated on
|
|
4
|
+
Generated on Fri, 12 Jul 2019 10:03:40 GMT
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
7
|
$mds-color-brand-1-base: #1b75bb !default;
|
|
@@ -126,7 +126,7 @@ $mds-size-container-min-width: 0 !default;
|
|
|
126
126
|
$mds-size-container-max-width: 100% !default;
|
|
127
127
|
$mds-size-wrapper-width: 100% !default;
|
|
128
128
|
$mds-size-wrapper-max-width: 1280px !default;
|
|
129
|
-
$mds-size-wrapper-padding:
|
|
129
|
+
$mds-size-wrapper-padding: 1.5% !default;
|
|
130
130
|
$mds-size-surface-padding: 28px 32px !default;
|
|
131
131
|
|
|
132
132
|
$tokens: (
|
package/dist/css/index.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*
|
|
2
2
|
Do not edit directly
|
|
3
|
-
Generated on
|
|
3
|
+
Generated on Fri, 12 Jul 2019 10:03:40 GMT
|
|
4
4
|
*/
|
|
5
5
|
html,
|
|
6
6
|
body,
|
|
@@ -3565,16 +3565,10 @@ body {
|
|
|
3565
3565
|
}
|
|
3566
3566
|
|
|
3567
3567
|
.mds-wrapper {
|
|
3568
|
-
width: 100
|
|
3568
|
+
width: calc(100% - 20px);
|
|
3569
3569
|
max-width: 1280px;
|
|
3570
3570
|
margin: 0 auto;
|
|
3571
|
-
padding: 0
|
|
3572
|
-
}
|
|
3573
|
-
|
|
3574
|
-
@media (min-width: 80em) {
|
|
3575
|
-
.mds-wrapper {
|
|
3576
|
-
padding: 0;
|
|
3577
|
-
}
|
|
3571
|
+
padding: 0 1.5%;
|
|
3578
3572
|
}
|
|
3579
3573
|
|
|
3580
3574
|
.mds-surface {
|
package/package.json
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
<div class="mds-surface__inner">
|
|
6
6
|
<h2>Content inside the site-container and wrapper</h2>
|
|
7
7
|
<p>site-container is 100%</p>
|
|
8
|
-
<p>wrapper is 100% and max-width 1280px (
|
|
8
|
+
<p>wrapper is 100% - 20px (gutter width) and max-width 1280px (1.5% left and right padding)</p>
|
|
9
9
|
</div>
|
|
10
10
|
</div>
|
|
11
11
|
</div>
|
|
@@ -11,13 +11,10 @@ body {
|
|
|
11
11
|
// box-shadow: $mds-color-container-box-shadow;
|
|
12
12
|
}
|
|
13
13
|
.mds-wrapper {
|
|
14
|
-
width: $mds-size-wrapper-width;
|
|
14
|
+
width: calc(#{$mds-size-wrapper-width} - #{$mds-size-gutter-width});
|
|
15
15
|
max-width: $mds-size-wrapper-max-width;
|
|
16
16
|
margin: 0 auto;
|
|
17
17
|
padding: 0 $mds-size-wrapper-padding;
|
|
18
|
-
@include mq($from: xl) {
|
|
19
|
-
padding: 0;
|
|
20
|
-
}
|
|
21
18
|
}
|
|
22
19
|
|
|
23
20
|
.mds-surface {
|