@muraldevkit/ds-foundation 1.3.1 → 1.5.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/android/mrl_colors.xml +1 -1
- package/dist/android/mrl_font_dimens.xml +1 -1
- package/dist/foundation.css +100 -60
- package/dist/foundation.css.map +1 -1
- package/dist/foundation.min.css +1 -1
- package/dist/foundation.min.css.map +1 -1
- package/dist/ios-swift/Mrl.swift +100 -61
- package/dist/tokens/color.json +183 -60
- package/package.json +1 -1
- package/src/styles/contextual-variables/border.scss +4 -0
- package/src/styles/global-variables/color.scss +134 -92
package/dist/foundation.css
CHANGED
|
@@ -55,66 +55,105 @@
|
|
|
55
55
|
--mrl-red-80: 179, 33, 42;
|
|
56
56
|
--mrl-red-90: 140, 26, 33;
|
|
57
57
|
--mrl-red-100: 115, 21, 27;
|
|
58
|
-
--mrl-tomato-10:
|
|
59
|
-
--mrl-tomato-20:
|
|
60
|
-
--mrl-tomato-30:
|
|
61
|
-
--mrl-tomato-40:
|
|
62
|
-
--mrl-tomato-50:
|
|
63
|
-
--mrl-tomato-60:
|
|
64
|
-
--mrl-tomato-70:
|
|
65
|
-
--mrl-tomato-80:
|
|
66
|
-
--mrl-tomato-90:
|
|
67
|
-
--mrl-tomato-100:
|
|
68
|
-
--mrl-
|
|
69
|
-
--mrl-orange-
|
|
70
|
-
--mrl-orange-
|
|
71
|
-
--mrl-orange-
|
|
72
|
-
--mrl-orange-
|
|
73
|
-
--mrl-orange-
|
|
74
|
-
--mrl-orange-
|
|
75
|
-
--mrl-orange-
|
|
76
|
-
--mrl-orange-
|
|
77
|
-
--mrl-orange-
|
|
78
|
-
--mrl-
|
|
79
|
-
--mrl-
|
|
80
|
-
--mrl-lemon-
|
|
81
|
-
--mrl-lemon-
|
|
82
|
-
--mrl-lemon-
|
|
83
|
-
--mrl-lemon-
|
|
84
|
-
--mrl-lemon-
|
|
85
|
-
--mrl-lemon-
|
|
86
|
-
--mrl-lemon-
|
|
87
|
-
--mrl-lemon-
|
|
88
|
-
--mrl-
|
|
89
|
-
--mrl-
|
|
90
|
-
--mrl-
|
|
91
|
-
--mrl-melon-
|
|
92
|
-
--mrl-melon-
|
|
93
|
-
--mrl-melon-
|
|
94
|
-
--mrl-melon-
|
|
95
|
-
--mrl-melon-
|
|
96
|
-
--mrl-melon-
|
|
97
|
-
--mrl-melon-
|
|
98
|
-
--mrl-
|
|
99
|
-
--mrl-
|
|
100
|
-
--mrl-
|
|
101
|
-
--mrl-
|
|
102
|
-
--mrl-
|
|
103
|
-
--mrl-
|
|
104
|
-
--mrl-
|
|
105
|
-
--mrl-
|
|
106
|
-
--mrl-
|
|
107
|
-
--mrl-
|
|
108
|
-
--mrl-
|
|
109
|
-
--mrl-
|
|
110
|
-
--mrl-
|
|
111
|
-
--mrl-
|
|
112
|
-
--mrl-
|
|
113
|
-
--mrl-
|
|
114
|
-
--mrl-
|
|
115
|
-
--mrl-
|
|
116
|
-
--mrl-
|
|
117
|
-
--mrl-
|
|
58
|
+
--mrl-tomato-10: 251, 224, 223;
|
|
59
|
+
--mrl-tomato-20: 253, 216, 216;
|
|
60
|
+
--mrl-tomato-30: 246, 193, 194;
|
|
61
|
+
--mrl-tomato-40: 240, 148, 151;
|
|
62
|
+
--mrl-tomato-50: 227, 99, 103;
|
|
63
|
+
--mrl-tomato-60: 224, 72, 77;
|
|
64
|
+
--mrl-tomato-70: 212, 58, 64;
|
|
65
|
+
--mrl-tomato-80: 205, 45, 51;
|
|
66
|
+
--mrl-tomato-90: 190, 39, 48;
|
|
67
|
+
--mrl-tomato-100: 157, 32, 40;
|
|
68
|
+
--mrl-tomato-desaturated: 229, 179, 182;
|
|
69
|
+
--mrl-orange-10: 255, 231, 204;
|
|
70
|
+
--mrl-orange-20: 254, 226, 194;
|
|
71
|
+
--mrl-orange-30: 252, 218, 192;
|
|
72
|
+
--mrl-orange-40: 245, 199, 146;
|
|
73
|
+
--mrl-orange-50: 244, 158, 72;
|
|
74
|
+
--mrl-orange-60: 229, 121, 26;
|
|
75
|
+
--mrl-orange-70: 201, 79, 19;
|
|
76
|
+
--mrl-orange-80: 191, 76, 18;
|
|
77
|
+
--mrl-orange-90: 178, 68, 1;
|
|
78
|
+
--mrl-orange-100: 147, 57, 1;
|
|
79
|
+
--mrl-orange-desaturated: 235, 186, 142;
|
|
80
|
+
--mrl-lemon-10: 250, 241, 193;
|
|
81
|
+
--mrl-lemon-20: 249, 240, 190;
|
|
82
|
+
--mrl-lemon-30: 249, 237, 174;
|
|
83
|
+
--mrl-lemon-40: 245, 226, 127;
|
|
84
|
+
--mrl-lemon-50: 228, 203, 73;
|
|
85
|
+
--mrl-lemon-60: 182, 158, 35;
|
|
86
|
+
--mrl-lemon-70: 142, 116, 23;
|
|
87
|
+
--mrl-lemon-80: 132, 108, 21;
|
|
88
|
+
--mrl-lemon-90: 122, 99, 16;
|
|
89
|
+
--mrl-lemon-100: 104, 84, 13;
|
|
90
|
+
--mrl-lemon-desaturated: 228, 215, 149;
|
|
91
|
+
--mrl-melon-10: 227, 248, 216;
|
|
92
|
+
--mrl-melon-20: 214, 237, 202;
|
|
93
|
+
--mrl-melon-30: 190, 226, 171;
|
|
94
|
+
--mrl-melon-40: 161, 214, 135;
|
|
95
|
+
--mrl-melon-50: 122, 185, 91;
|
|
96
|
+
--mrl-melon-60: 93, 160, 59;
|
|
97
|
+
--mrl-melon-70: 75, 132, 46;
|
|
98
|
+
--mrl-melon-80: 69, 121, 42;
|
|
99
|
+
--mrl-melon-90: 71, 114, 49;
|
|
100
|
+
--mrl-melon-100: 60, 96, 41;
|
|
101
|
+
--mrl-melon-desaturated: 169, 208, 178;
|
|
102
|
+
--mrl-mint-10: 220, 242, 249;
|
|
103
|
+
--mrl-mint-20: 207, 234, 242;
|
|
104
|
+
--mrl-mint-30: 177, 217, 231;
|
|
105
|
+
--mrl-mint-40: 138, 199, 219;
|
|
106
|
+
--mrl-mint-50: 89, 181, 212;
|
|
107
|
+
--mrl-mint-60: 36, 150, 188;
|
|
108
|
+
--mrl-mint-70: 9, 126, 165;
|
|
109
|
+
--mrl-mint-80: 8, 118, 155;
|
|
110
|
+
--mrl-mint-90: 1, 114, 152;
|
|
111
|
+
--mrl-mint-100: 1, 99, 132;
|
|
112
|
+
--mrl-mint-desaturated: 162, 203, 216;
|
|
113
|
+
--mrl-blueberry-10: 215, 228, 255;
|
|
114
|
+
--mrl-blueberry-20: 202, 219, 252;
|
|
115
|
+
--mrl-blueberry-30: 187, 209, 251;
|
|
116
|
+
--mrl-blueberry-40: 139, 175, 249;
|
|
117
|
+
--mrl-blueberry-50: 105, 146, 226;
|
|
118
|
+
--mrl-blueberry-60: 91, 131, 210;
|
|
119
|
+
--mrl-blueberry-70: 64, 110, 203;
|
|
120
|
+
--mrl-blueberry-80: 32, 89, 202;
|
|
121
|
+
--mrl-blueberry-90: 28, 77, 175;
|
|
122
|
+
--mrl-blueberry-100: 24, 66, 149;
|
|
123
|
+
--mrl-blueberry-desaturated: 173, 199, 224;
|
|
124
|
+
--mrl-grape-10: 222, 220, 249;
|
|
125
|
+
--mrl-grape-20: 216, 216, 249;
|
|
126
|
+
--mrl-grape-30: 207, 207, 247;
|
|
127
|
+
--mrl-grape-40: 162, 163, 240;
|
|
128
|
+
--mrl-grape-50: 142, 129, 228;
|
|
129
|
+
--mrl-grape-60: 132, 108, 224;
|
|
130
|
+
--mrl-grape-70: 114, 86, 219;
|
|
131
|
+
--mrl-grape-80: 94, 62, 214;
|
|
132
|
+
--mrl-grape-90: 74, 58, 182;
|
|
133
|
+
--mrl-grape-100: 63, 49, 155;
|
|
134
|
+
--mrl-grape-desaturated: 189, 187, 221;
|
|
135
|
+
--mrl-dragonfruit-10: 255, 225, 243;
|
|
136
|
+
--mrl-dragonfruit-20: 246, 213, 243;
|
|
137
|
+
--mrl-dragonfruit-30: 230, 188, 226;
|
|
138
|
+
--mrl-dragonfruit-40: 216, 151, 209;
|
|
139
|
+
--mrl-dragonfruit-50: 202, 114, 193;
|
|
140
|
+
--mrl-dragonfruit-60: 196, 100, 186;
|
|
141
|
+
--mrl-dragonfruit-70: 186, 74, 171;
|
|
142
|
+
--mrl-dragonfruit-80: 175, 75, 168;
|
|
143
|
+
--mrl-dragonfruit-90: 163, 67, 157;
|
|
144
|
+
--mrl-dragonfruit-100: 141, 58, 136;
|
|
145
|
+
--mrl-dragonfruit-desaturated: 232, 201, 221;
|
|
146
|
+
--mrl-truffle-10: 236, 239, 238;
|
|
147
|
+
--mrl-truffle-20: 219, 225, 223;
|
|
148
|
+
--mrl-truffle-30: 197, 206, 203;
|
|
149
|
+
--mrl-truffle-40: 170, 182, 178;
|
|
150
|
+
--mrl-truffle-50: 131, 149, 144;
|
|
151
|
+
--mrl-truffle-60: 108, 127, 121;
|
|
152
|
+
--mrl-truffle-70: 96, 113, 108;
|
|
153
|
+
--mrl-truffle-80: 80, 98, 93;
|
|
154
|
+
--mrl-truffle-90: 70, 83, 79;
|
|
155
|
+
--mrl-truffle-100: 56, 66, 63;
|
|
156
|
+
--mrl-truffle-desaturated: 196, 202, 200;
|
|
118
157
|
--mrl-white: 255, 255, 255;
|
|
119
158
|
--mrl-black: 0, 0, 0;
|
|
120
159
|
--mrl-status-info: 49, 99, 201;
|
|
@@ -356,6 +395,7 @@
|
|
|
356
395
|
}
|
|
357
396
|
|
|
358
397
|
:root {
|
|
398
|
+
--mrl-line-width-border-fine: 1px;
|
|
359
399
|
--mrl-line-width-border: var(--mrl-stroke-01);
|
|
360
400
|
--mrl-line-width-border-selected: var(--mrl-stroke-01);
|
|
361
401
|
--mrl-line-width-focus: var(--mrl-stroke-01);
|
package/dist/foundation.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../src/styles/global-variables/border.scss","../src/styles/global-variables/color.scss","../src/styles/global-variables/motion.scss","../src/styles/global-variables/shadows.scss","../src/styles/global-variables/spacing.scss","../src/styles/global-variables/typography.scss","../src/styles/contextual-variables/color.scss","../src/styles/contextual-variables/spacing.scss","../src/styles/contextual-variables/border.scss","../src/styles/contextual-variables/typography.scss","../src/styles/contextual-variables/shadows.scss","../src/styles/focus.scss","../src/styles/baseline.scss","../src/styles/spacing.scss","../src/styles/_mixins.scss","../src/styles/typography.scss","../src/styles/skeletons/button.scss"],"names":[],"mappings":"AAKA;AAaA;AAYA;EAEE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;;;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../src/styles/global-variables/border.scss","../src/styles/global-variables/color.scss","../src/styles/global-variables/motion.scss","../src/styles/global-variables/shadows.scss","../src/styles/global-variables/spacing.scss","../src/styles/global-variables/typography.scss","../src/styles/contextual-variables/color.scss","../src/styles/contextual-variables/spacing.scss","../src/styles/contextual-variables/border.scss","../src/styles/contextual-variables/typography.scss","../src/styles/contextual-variables/shadows.scss","../src/styles/focus.scss","../src/styles/baseline.scss","../src/styles/spacing.scss","../src/styles/_mixins.scss","../src/styles/typography.scss","../src/styles/skeletons/button.scss"],"names":[],"mappings":"AAKA;AAaA;AAYA;EAEE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;;;ACqJF;EAEE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAKC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIF;;;AC5KD;AACC;EAEC;EAAA;EAAA;EAAA;EAAA;AAGD;EAEC;EAAA;EAAA;EAAA;AAGD;EAEC;EAAA;;;AChCF;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;AAWA;EAEE;EAAA;EAAA;EAAA;EAAA;;;ACnBF;AAoBA;EAEE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;ACtBF;AAqBA;AAgBA;AAUA;AASA;EACC;EACA;AAEA;EAEC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAGD;EAEC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAGD;EAEC;EAAA;EAAA;EAAA;EAAA;AAGD;EAEC;EAAA;EAAA;EAAA;EAAA;;;ACkEF;AACC;EAEC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAGD;EAEC;EAAA;EAAA;EAAA;EAAA;EAID;AAEA;EACA;EACA;;;ACtHD;AACC;EAEC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAMD;EAGA;AAAA;AAAA;;AAPA;EALD;IAME;;;;ACXF;EAGC;EAIC;EAAA;EAAA;EAAA;EAAA;EAKA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAiCC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAaD;EAAA;;;ACzFF;AAmCA;AAwCA;AAYA;AAsBA;EAGE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAKA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAKA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAKA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAKD;EACA;;;AAKD;EACC;IAGE;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAKA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAKA;;;AC9JH;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;AAWA;EAEE;EAAA;EAAA;EAAA;EAAA;;;ACtBF;EACC;;;ACKD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAuEC;EACA;EACA;EACA;;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAQC;EACA;EACA;EACA;EACA;;;AAGD;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAWC;;;AAGD;AAAA;EAEC;;;AAGD;AAAA;EAEC;;;AAGD;AAAA;AAAA;AAAA;EAIC;;;AAGD;EACC;EACA;;;AAKD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;AAAA;AAAA;EAGC;;;AClJD;ECgHC,SANmB;;;ADtGpB;EC4GC,SAHoB;;;ADrGrB;ECoFC;EACA,SAPmB;;AASnB;EACC;;;ADpFF;ECgFC;EACA,SAJoB;;AAMpB;EACC;;;AC9FD;EDgCA;EACA;EACA;EACA;EACA;;;ACpCA;EDgCA;EACA;EACA;EACA;EACA;;;ACpCA;EDgCA;EACA;EACA;EACA;EACA;;;ACpCA;EDgCA;EACA;EACA;EACA;EACA;;;AC/BD;EDqEC;EACA;;;AEnBD;EACC;EACA;;;AAaA;AAAA;AAAA;EA1CA,YA7B4B;EAgC3B,WAhC2B;EA4C5B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AA6BA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMC;;;AAMF;AAAA;EA/DC,YA5B0B;;;AAgG3B;EApEC,YA5B0B;EA+BzB,WA/ByB;;;AAqG3B;AAAA;EAzEC,YAxB0B;;;AAsG3B;EA9EC,YAxB0B;EA2BzB,WA3ByB;;;AA2G3B;AAAA;EAnFC,YAvB2B;EA0B1B,WA1B0B","file":"foundation.css"}
|
package/dist/foundation.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--mrl-radii-01: 2px;--mrl-radii-02: 4px;--mrl-radii-03: 8px;--mrl-radii-04: 12px;--mrl-radii-05: 16px;--mrl-radii-06: 24px;--mrl-radii-07: 32px;--mrl-radii-08: 40px;--mrl-stroke-01: 2px;--mrl-stroke-02: 2px;--mrl-stroke-03: 2px}:root{--mrl-gray-10: 250, 250, 250;--mrl-gray-20: 238, 238, 238;--mrl-gray-30: 222, 222, 222;--mrl-gray-40: 187, 187, 187;--mrl-gray-50: 158, 158, 158;--mrl-gray-60: 145, 145, 145;--mrl-gray-70: 115, 115, 115;--mrl-gray-80: 78, 78, 78;--mrl-gray-90: 47, 47, 47;--mrl-gray-100: 31, 31, 31;--mrl-blue-10: 245, 250, 255;--mrl-blue-20: 230, 244, 254;--mrl-blue-30: 205, 230, 254;--mrl-blue-40: 180, 217, 253;--mrl-blue-50: 131, 191, 252;--mrl-blue-60: 81, 143, 251;--mrl-blue-70: 55, 112, 228;--mrl-blue-80: 49, 99, 201;--mrl-blue-90: 42, 86, 176;--mrl-blue-100: 30, 61, 125;--mrl-coral-10: 255, 230, 239;--mrl-coral-20: 254, 204, 223;--mrl-coral-30: 254, 154, 191;--mrl-coral-40: 253, 103, 160;--mrl-coral-50: 253, 53, 129;--mrl-coral-60: 255, 0, 102;--mrl-coral-70: 232, 0, 90;--mrl-coral-80: 214, 0, 87;--mrl-coral-90: 192, 3, 77;--mrl-coral-100: 163, 0, 63;--mrl-red-10: 255, 245, 245;--mrl-red-20: 255, 229, 229;--mrl-red-30: 255, 204, 204;--mrl-red-40: 255, 179, 179;--mrl-red-50: 255, 128, 128;--mrl-red-60: 255, 75, 75;--mrl-red-70: 224, 41, 53;--mrl-red-80: 179, 33, 42;--mrl-red-90: 140, 26, 33;--mrl-red-100: 115, 21, 27;--mrl-tomato-10: 249, 240, 242;--mrl-tomato-20: 242, 212, 219;--mrl-tomato-30: 243, 192, 204;--mrl-tomato-40: 239, 169, 184;--mrl-tomato-50: 233, 134, 156;--mrl-tomato-60: 231, 111, 138;--mrl-tomato-70: 225, 89, 120;--mrl-tomato-80: 220, 64, 100;--mrl-tomato-90: 203, 52, 95;--mrl-tomato-100: 182, 52, 93;--mrl-orange-10: 251, 233, 198;--mrl-orange-20: 249, 224, 175;--mrl-orange-30: 246, 207, 166;--mrl-orange-40: 243, 193, 153;--mrl-orange-50: 243, 180, 148;--mrl-orange-60: 247, 169, 125;--mrl-orange-70: 245, 156, 120;--mrl-orange-80: 245, 135, 101;--mrl-orange-90: 234, 116, 79;--mrl-orange-100: 220, 96, 70;--mrl-lemon-10: 254, 252, 215;--mrl-lemon-20: 255, 250, 183;--mrl-lemon-30: 253, 246, 147;--mrl-lemon-40: 254, 239, 136;--mrl-lemon-50: 251, 233, 122;--mrl-lemon-60: 249, 223, 129;--mrl-lemon-70: 238, 206, 127;--mrl-lemon-80: 229, 191, 118;--mrl-lemon-90: 221, 180, 102;--mrl-lemon-100: 207, 160, 81;--mrl-melon-10: 230, 248, 225;--mrl-melon-20: 213, 245, 204;--mrl-melon-30: 196, 239, 185;--mrl-melon-40: 177, 236, 161;--mrl-melon-50: 158, 223, 151;--mrl-melon-60: 136, 213, 138;--mrl-melon-70: 125, 195, 125;--mrl-melon-80: 108, 179, 109;--mrl-melon-90: 91, 157, 94;--mrl-melon-100: 79, 145, 81;--mrl-blueberry-10: 222, 236, 252;--mrl-blueberry-20: 207, 228, 251;--mrl-blueberry-30: 185, 215, 250;--mrl-blueberry-40: 160, 200, 249;--mrl-blueberry-50: 131, 181, 245;--mrl-blueberry-60: 100, 165, 247;--mrl-blueberry-70: 76, 151, 245;--mrl-blueberry-80: 71, 126, 222;--mrl-blueberry-90: 56, 112, 211;--mrl-blueberry-100: 50, 89, 153;--mrl-grape-10: 231, 230, 250;--mrl-grape-20: 217, 215, 247;--mrl-grape-30: 205, 202, 248;--mrl-grape-40: 187, 187, 242;--mrl-grape-50: 162, 163, 240;--mrl-grape-60: 150, 146, 243;--mrl-grape-70: 134, 126, 231;--mrl-grape-80: 119, 104, 222;--mrl-grape-90: 114, 86, 219;--mrl-grape-100: 83, 71, 157;--mrl-white: 255, 255, 255;--mrl-black: 0, 0, 0;--mrl-status-info: 49, 99, 201;--mrl-status-success: 0, 132, 63;--mrl-status-warning: 255, 170, 1;--mrl-status-error: 179, 33, 42;--mrl-black-opacity-00: rgba(var(--mrl-black), .08);--mrl-black-opacity-01: rgba(var(--mrl-black), .16);--mrl-black-opacity-02: rgba(var(--mrl-black), .24);--mrl-black-opacity-03: rgba(var(--mrl-black), .32);--mrl-black-opacity-06: rgba(var(--mrl-black), .64);--mrl-black-opacity-08: rgba(var(--mrl-black), .80);--mrl-white-opacity-02: rgba(var(--mrl-white), .24);--mrl-white-opacity-03: rgba(var(--mrl-white), .30);--mrl-white-opacity-04: rgba(var(--mrl-white), .40);--mrl-white-opacity-06: rgba(var(--mrl-white), .60);--mrl-white-opacity-08: rgba(var(--mrl-white), .80);--mrl-status-private: var(--mrl-gray-100)}:root{--mrl-timing-m1: cubic-bezier(0.17, 0.00, 0.00, 1.00);--mrl-timing-m1r: cubic-bezier(1.00, 0.00, 0.83, 1.00);--mrl-timing-m2: cubic-bezier(0, 0.5, 0, 1);--mrl-timing-m3: cubic-bezier(0.33, 0.00, 0.67, 1.00);--mrl-timing-m4: cubic-bezier(0.00, 0.00, 0.00, 1.00);--mrl-duration-01: 17ms;--mrl-duration-02: 167ms;--mrl-duration-03: 333ms;--mrl-duration-04: 667ms;--mrl-distance-01: 4px;--mrl-distance-02: 8px}:root{--mrl-shadow-01: 0 0 0 1px rgba(var(--mrl-black), 0.08), 0 3px 4px rgba(var(--mrl-black), 0.08);--mrl-shadow-02: 0 0 0 1px rgba(var(--mrl-black), 0.08), 0 5px 8px rgba(var(--mrl-black), 0.08);--mrl-shadow-03: 0 0 0 1px rgba(var(--mrl-black), 0.08), 0 25px 20px rgba(var(--mrl-black), 0.12);--mrl-shadow-interactive-01: 0 4px 5px rgba(var(--mrl-black), 0.08);--mrl-shadow-interactive-02: 0 20px 12px rgba(var(--mrl-black), 0.20)}:root{--mrl-spacing-01: calc(2 / var(--mrl-baseline) * 1rem);--mrl-spacing-02: calc(4 / var(--mrl-baseline) * 1rem);--mrl-spacing-03: calc(8 / var(--mrl-baseline) * 1rem);--mrl-spacing-04: calc(12 / var(--mrl-baseline) * 1rem);--mrl-spacing-05: calc(16 / var(--mrl-baseline) * 1rem);--mrl-spacing-06: calc(20 / var(--mrl-baseline) * 1rem);--mrl-spacing-07: calc(24 / var(--mrl-baseline) * 1rem);--mrl-spacing-08: calc(32 / var(--mrl-baseline) * 1rem);--mrl-spacing-09: calc(40 / var(--mrl-baseline) * 1rem);--mrl-spacing-10: calc(48 / var(--mrl-baseline) * 1rem);--mrl-spacing-11: calc(64 / var(--mrl-baseline) * 1rem);--mrl-spacing-12: calc(80 / var(--mrl-baseline) * 1rem);--mrl-spacing-13: calc(96 / var(--mrl-baseline) * 1rem);--mrl-spacing-14: calc(160 / var(--mrl-baseline) * 1rem)}:root{--mrl-baseline: 16;--mrl-font-family-01: proxima-nova;--mrl-font-size-01: calc(11 / var(--mrl-baseline) * 1rem);--mrl-font-size-02: calc(12 / var(--mrl-baseline) * 1rem);--mrl-font-size-03: calc(14 / var(--mrl-baseline) * 1rem);--mrl-font-size-04: calc(16 / var(--mrl-baseline) * 1rem);--mrl-font-size-05: calc(18 / var(--mrl-baseline) * 1rem);--mrl-font-size-06: calc(20 / var(--mrl-baseline) * 1rem);--mrl-font-size-07: calc(24 / var(--mrl-baseline) * 1rem);--mrl-font-size-08: calc(32 / var(--mrl-baseline) * 1rem);--mrl-font-size-09: calc(40 / var(--mrl-baseline) * 1rem);--mrl-font-size-10: calc(48 / var(--mrl-baseline) * 1rem);--mrl-font-size-11: calc(64 / var(--mrl-baseline) * 1rem);--mrl-font-size-12: calc(80 / var(--mrl-baseline) * 1rem);--mrl-font-size-13: calc(96 / var(--mrl-baseline) * 1rem);--mrl-font-size-14: calc(120 / var(--mrl-baseline) * 1rem);--mrl-line-height-01: 0.875;--mrl-line-height-02: 1;--mrl-line-height-03: 1.125;--mrl-line-height-04: 1.167;--mrl-line-height-05: 1.2;--mrl-line-height-06: 1.33;--mrl-line-height-07: 1.4;--mrl-line-height-08: 1.45;--mrl-line-height-09: 1.5;--mrl-line-height-10: 1.56;--mrl-line-height-11: 1.75;--mrl-line-height-12: 2;--mrl-letter-spacing-01: -2% ;--mrl-letter-spacing-02: -1% ;--mrl-letter-spacing-03: 0% ;--mrl-letter-spacing-04: 1% ;--mrl-letter-spacing-05: 2% ;--mrl-font-weight-01: 400 ;--mrl-font-weight-02: 500 ;--mrl-font-weight-03: 600 ;--mrl-font-weight-04: 700 ;--mrl-font-weight-05: 800 }:root{--mrl-color-focus: rgba(var(--mrl-blue-70), 1);--mrl-color-focus-inverse: rgba(var(--mrl-white), 1);--mrl-color-shadows: rgba(var(--mrl-black), 1);--mrl-color-brand: rgba(var(--mrl-red-70), 1);--mrl-color-brand-hover: rgba(var(--mrl-red-80), 1);--mrl-color-brand-active: rgba(var(--mrl-red-90), 1);--mrl-color-accent: rgba(var(--mrl-blue-70), 1);--mrl-color-skeleton: rgba(var(--mrl-gray-20), 1);--mrl-color-skeleton-inverse: rgba(var(--mrl-white), 1);--mrl-color-background: rgba(var(--mrl-white), 1);--mrl-color-background-secondary: rgba(var(--mrl-gray-80), 1);--mrl-color-background-decorative: rgba(var(--mrl-gray-20), 1);--mrl-color-background-info: rgba(var(--mrl-status-info), 1);--mrl-color-background-success: rgba(var(--mrl-status-success), 1);--mrl-color-background-warning: rgba(var(--mrl-status-warning), 1);--mrl-color-background-error: rgba(var(--mrl-status-error), 1);--mrl-color-background-private: rgba(var(--mrl-gray-100), 1);--mrl-color-background-inverse: rgba(var(--mrl-gray-100), 1);--mrl-color-background-inverse-hover: rgba(var(--mrl-gray-90), 1);--mrl-color-background-disabled: rgba(var(--mrl-gray-40), 1);--mrl-color-background-highlight-hover: rgba(var(--mrl-gray-20), 1);--mrl-color-background-highlight-active: rgba(var(--mrl-gray-90), 1);--mrl-color-background-highlight-selected: rgba(var(--mrl-gray-90), 1);--mrl-color-background-highlight-emph-active: rgba(var(--mrl-gray-30), 1);--mrl-color-line: rgba(var(--mrl-gray-70), 1);--mrl-color-line-hover: rgba(var(--mrl-gray-90), 1);--mrl-color-line-active: rgba(var(--mrl-gray-100), 1);--mrl-color-line-selected: rgba(var(--mrl-gray-90), 1);--mrl-color-line-disabled: rgba(var(--mrl-gray-40), 1);--mrl-color-line-divider: rgba(var(--mrl-gray-20), 1);--mrl-color-line-divider-inverse: rgba(var(--mrl-gray-80), 1);--mrl-color-line-emph: rgba(var(--mrl-gray-20), 1);--mrl-color-line-emph-hover: rgba(var(--mrl-gray-90), 1);--mrl-color-line-emph-active: rgba(var(--mrl-black), 1);--mrl-color-line-inverse: rgba(var(--mrl-white), 1);--mrl-color-line-inverse-disabled: rgba(var(--mrl-white), 1);--mrl-color-text: rgba(var(--mrl-gray-80), 1);--mrl-color-text-hover: rgba(var(--mrl-gray-90), 1);--mrl-color-text-active: rgba(var(--mrl-gray-90), 1);--mrl-color-text-selected: rgba(var(--mrl-gray-90), 1);--mrl-color-text-disabled: rgba(var(--mrl-gray-40), 1);--mrl-color-text-disabled-inverse: rgba(var(--mrl-white), 1);--mrl-color-text-emph: rgba(var(--mrl-gray-20), 1);--mrl-color-text-emph-hover: rgba(var(--mrl-gray-90), 1);--mrl-color-text-emph-active: rgba(var(--mrl-black), 1);--mrl-color-text-highlight: rgba(var(--mrl-gray-80), 1);--mrl-color-text-highlight-hover: rgba(var(--mrl-gray-90), 1);--mrl-color-text-highlight-active: rgba(var(--mrl-white), 1);--mrl-color-text-highlight-selected: rgba(var(--mrl-white), 1);--mrl-color-text-highlight-emph: rgba(var(--mrl-gray-90), 1);--mrl-color-text-highlight-emph-hover: rgba(var(--mrl-gray-100), 1);--mrl-color-text-highlight-emph-active: rgba(var(--mrl-black), 1);--mrl-color-text-highlight-emph-selected: rgba(var(--mrl-white), 1);--mrl-color-text-inverse: rgba(var(--mrl-white), 1);--mrl-color-text-inverse-secondary: rgba(var(--mrl-gray-10), 1);--mrl-color-text-inverse-hover: rgba(var(--mrl-white), 1);--mrl-color-text-inverse-active: rgba(var(--mrl-white), 1);--mrl-color-text-inverse-selected: rgba(var(--mrl-white), 1);--mrl-color-text-02: rgba(var(--mrl-gray-90), 1);--mrl-color-text-secondary: rgba(var(--mrl-gray-70), 1);--mrl-color-text-label: rgba(var(--mrl-gray-90), 1);--mrl-color-text-heading: rgba(var(--mrl-gray-100), 1);--mrl-color-text-success: rgba(var(--mrl-gray-90), 1);--mrl-color-text-warning: rgba(var(--mrl-gray-90), 1);--mrl-color-text-error: rgba(var(--mrl-status-error), 1);--mrl-color-text-info: rgba(var(--mrl-gray-90), 1);--mrl-color-text-private: rgba(var(--mrl-gray-100), 1);--mrl-color-icon-emph-selected: rgba(var(--mrl-gray-100), 1);--mrl-color-background-inverse-active: var(--mrl-color-accent);--mrl-color-background-inverse-selected: var(--mrl-color-accent);--mrl-color-background-highlight-emph-selected: var(--mrl-color-accent);--mrl-color-line-emph-selected: var(--mrl-color-accent);--mrl-color-text-emph-selected: var(--mrl-color-accent);--mrl-color-background-page: rgb(245, 245, 245);--mrl-color-background-hover-opacity: rgba(var(--mrl-gray-30), 0.2);--mrl-color-background-inverse-hover-opacity: rgba(var(--mrl-black), 0.2)}:root{--mrl-space-stack-components: var(--mrl-spacing-06);--mrl-space-stack-controls: var(--mrl-spacing-05);--mrl-space-stack-controls-small: var(--mrl-spacing-04);--mrl-space-stack-section: var(--mrl-spacing-07);--mrl-space-stack-section-divider: var(--mrl-spacing-04);--mrl-space-stack-section-divider-small: var(--mrl-spacing-03);--mrl-space-stack-section-divider-large: var(--mrl-spacing-06);--mrl-space-stack-section-divider-label: var(--mrl-spacing-05);--mrl-space-stack-siblings: var(--mrl-spacing-04);--mrl-space-stack-related: var(--mrl-spacing-03);--mrl-space-stack-related-small: var(--mrl-spacing-02);--mrl-space-inset: var(--mrl-spacing-03);--mrl-space-inset-container: var(--mrl-spacing-08);--mrl-space-inset-container-large: var(--mrl-spacing-05);--mrl-space-inset-large: var(--mrl-spacing-05);--mrl-space-inset-control: var(--mrl-spacing-06);--mrl-space-inset-control-large: var(--mrl-spacing-05);--mrl-space-inline-related: var(--mrl-spacing-03);--mrl-space-inline-sibling: var(--mrl-spacing-04);--mrl-space-inline-sibling-small: var(--mrl-spacing-02);--mrl-space-gutter: var(--mrl-spacing-04);--mrl-space-gutter-label: var(--mrl-spacing-05);--mrl-space-offset-focus: var(--mrl-spacing-01);--mrl-space-stack-subheading: var(--mrl-spacing-05);--mrl-space-stack-title: var(--mrl-spacing-07);--mrl-space-stack-title-related: var(--mrl-spacing-05);--mrl-space-inline-sibling-xsmall: var(--mrl-space-inline-sibling-small);--mrl-space-inset-control-small: calc( var(--mrl-spacing-03) + var(--mrl-spacing-01) )}@media only screen and (min-width: 600px){:root{--mrl-space-inset-container-large: var(--mrl-spacing-08)}}:root{--mrl-line-width-border: var(--mrl-stroke-01);--mrl-line-width-border-selected: var(--mrl-stroke-01);--mrl-line-width-focus: var(--mrl-stroke-01);--mrl-line-width-control: var(--mrl-stroke-01);--mrl-line-width-divider: var(--mrl-stroke-01);--mrl-border-radius-tight: var(--mrl-radii-01);--mrl-border-radius-content: var(--mrl-radii-02);--mrl-border-radius-content-large: var(--mrl-radii-03);--mrl-border-radius-functional: var(--mrl-radii-03);--mrl-border-radius-functional-large: var(--mrl-radii-04);--mrl-border-radius-container: var(--mrl-radii-04);--mrl-border-radius-container-large: var(--mrl-radii-05);--mrl-border-radius-rounded: var(--mrl-radii-07);--mrl-border-radius-rounded-large: var(--mrl-radii-08);--mrl-border: var(--mrl-line-width-border) solid var(--mrl-color-line);--mrl-border-hover: var(--mrl-line-width-border) solid var(--mrl-color-line-hover);--mrl-border-active: var(--mrl-line-width-border) solid var(--mrl-color-line-active);--mrl-border-selected: var(--mrl-line-width-border-selected) solid var(--mrl-color-line-selected);--mrl-border-disabled: var(--mrl-line-width-border) solid var(--mrl-color-line-disabled);--mrl-border-emph: var(--mrl-line-width-border) solid var(--mrl-color-line-emph);--mrl-border-emph-hover: var(--mrl-line-width-border) solid var(--mrl-color-line-emph-hover);--mrl-border-emph-active: var(--mrl-line-width-border) solid var(--mrl-color-line-emph-active);--mrl-border-emph-selected: var(--mrl-line-width-border-selected) solid var(--mrl-color-line-emph-selected);--mrl-border-emph-disabled: var(--mrl-line-width-border) solid var(--mrl-color-line-emph-disabled);--mrl-border-inverse: var(--mrl-line-width-border) solid var(--mrl-color-line-inverse);--mrl-border-inverse-hover: var(--mrl-line-width-border) solid var(--mrl-color-line-inverse);--mrl-border-inverse-active: var(--mrl-line-width-border) solid var(--mrl-color-line-inverse);--mrl-border-inverse-selected: var(--mrl-line-width-border-selected) solid var(--mrl-color-line-inverse);--mrl-border-inverse-disabled: var(--mrl-line-width-border) solid var(--mrl-color-line-inverse-disabled);--mrl-border-focus: var(--mrl-line-width-focus) solid var(--mrl-color-focus);--mrl-border-divider: var(--mrl-line-width-divider) solid var(--mrl-color-line-divider)}:root{--mrl-type-size-poster: var(--mrl-font-size-10);--mrl-type-size-poster-large: var(--mrl-font-size-11);--mrl-type-size-poster-small: var(--mrl-font-size-09);--mrl-type-size-display: var(--mrl-font-size-08);--mrl-type-size-display-large: var(--mrl-font-size-09);--mrl-type-size-display-small: var(--mrl-font-size-07);--mrl-type-size-headline: var(--mrl-font-size-05);--mrl-type-size-headline-large: var(--mrl-font-size-06);--mrl-type-size-headline-small: var(--mrl-font-size-02);--mrl-type-size-text: var(--mrl-font-size-04);--mrl-type-size-text-large: var(--mrl-font-size-05);--mrl-type-size-text-small: var(--mrl-font-size-03);--mrl-type-size-text-xsmall: var(--mrl-font-size-02);--mrl-type-size-text-xxsmall: var(--mrl-font-size-01);--mrl-type-line-height-poster: var(--mrl-line-height-04);--mrl-type-line-height-poster-large: var(--mrl-line-height-03);--mrl-type-line-height-poster-small: var(--mrl-line-height-05);--mrl-type-line-height-display: var(--mrl-line-height-03);--mrl-type-line-height-display-large: var(--mrl-line-height-05);--mrl-type-line-height-display-small: var(--mrl-line-height-06);--mrl-type-line-height-headline: var(--mrl-line-height-09);--mrl-type-line-height-headline-large: var(--mrl-line-height-07);--mrl-type-line-height-headline-small: var(--mrl-line-height-09);--mrl-type-line-height-text: var(--mrl-line-height-09);--mrl-type-line-height-text-large: var(--mrl-line-height-10);--mrl-type-line-height-text-small: var(--mrl-line-height-08);--mrl-type-line-height-text-xsmall: var(--mrl-line-height-06);--mrl-type-line-height-text-xxsmall: var(--mrl-line-height-08);--mrl-type-line-height-interactive: var(--mrl-line-height-09);--mrl-type-line-height-interactive-large: var(--mrl-line-height-10);--mrl-type-line-height-interactive-small: var(--mrl-line-height-08);--mrl-type-line-height-interactive-xsmall: var(--mrl-line-height-06);--mrl-type-weight-poster: var(--mrl-font-weight-05);--mrl-type-weight-display: var(--mrl-font-weight-05);--mrl-type-weight-headline: var(--mrl-font-weight-05);--mrl-type-weight-title: var(--mrl-font-weight-04);--mrl-type-weight-title-secondary: var(--mrl-font-weight-03);--mrl-type-weight-text: var(--mrl-font-weight-02);--mrl-type-weight-text-secondary: var(--mrl-font-weight-01);--mrl-type-weight-interactive: var(--mrl-font-weight-04);--mrl-type-spacing-poster: var(--mrl-letter-spacing-02);--mrl-type-spacing-poster-large: var(--mrl-letter-spacing-01);--mrl-type-spacing-poster-small: var(--mrl-letter-spacing-02);--mrl-type-spacing-display: var(--mrl-letter-spacing-03);--mrl-type-spacing-display-large: var(--mrl-letter-spacing-02);--mrl-type-spacing-display-small: var(--mrl-letter-spacing-03);--mrl-type-spacing-headline: var(--mrl-letter-spacing-03);--mrl-type-spacing-headline-large: var(--mrl-letter-spacing-03);--mrl-type-spacing-headline-small: var(--mrl-letter-spacing-04);--mrl-type-spacing-text: var(--mrl-letter-spacing-03);--mrl-type-spacing-interactive-xsmall: var(--mrl-letter-spacing-04);--mrl-type-size-toggleable-label: calc(10 / var(--mrl-baseline) * 1rem);--mrl-type-weight-toggleable-label: var(--mrl-font-weight-03)}@media screen and (min-width: 600px){:root{--mrl-type-size-poster: var(--mrl-font-size-12);--mrl-type-size-poster-large: var(--mrl-font-size-13);--mrl-type-size-poster-small: var(--mrl-font-size-11);--mrl-type-size-display: var(--mrl-font-size-09);--mrl-type-size-display-large: var(--mrl-font-size-10);--mrl-type-size-display-small: var(--mrl-font-size-08);--mrl-type-size-headline: var(--mrl-font-size-06);--mrl-type-size-headline-large: var(--mrl-font-size-07);--mrl-type-size-headline-small: var(--mrl-font-size-04);--mrl-type-line-height-poster: var(--mrl-line-height-02);--mrl-type-line-height-poster-large: var(--mrl-line-height-02);--mrl-type-line-height-poster-small: var(--mrl-line-height-02);--mrl-type-line-height-display: var(--mrl-line-height-05);--mrl-type-line-height-display-large: var(--mrl-line-height-04);--mrl-type-line-height-display-small: var(--mrl-line-height-03);--mrl-type-line-height-headline: var(--mrl-line-height-07);--mrl-type-line-height-headline-large: var(--mrl-line-height-06);--mrl-type-line-height-headline-small: var(--mrl-line-height-03);--mrl-type-spacing-headline-small: var(--mrl-letter-spacing-03)}}:root{--mrl-shadows-lifted: var(--mrl-shadow-01);--mrl-shadows-raised: var(--mrl-shadow-02);--mrl-shadows-floating: var(--mrl-shadow-03);--mrl-shadows-hover: var(--mrl-shadow-interactive-01);--mrl-shadows-drag: var(--mrl-shadow-interactive-02)}.mrl-u-focus-wrapper{position:relative}body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,samp,small,tt,var,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;margin:0;padding:0;vertical-align:baseline}b,em,i,strike,strong,sub,sup,u{border:0;font-family:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:none}table{border-collapse:collapse;border-spacing:0}html{border:0;box-sizing:border-box;font:inherit;font-family:var(--mrl-font-family-01),sans-serif;font-size:var(--mrl-font-size, 100%);-webkit-font-smoothing:antialiased;margin:0;padding:0;vertical-align:baseline}*,*::before,*::after{box-sizing:inherit}.mrl-u-space-center-horizontal{display:flex}.mrl-u-space-center-horizontal-inline{display:inline-flex}.mrl-u-space-center-vertical{align-items:center;display:flex}.mrl-u-space-center-vertical>*{display:inline-flex}.mrl-u-space-center-vertical-inline{align-items:center;display:inline-flex}.mrl-u-space-center-vertical-inline>*{display:inline-flex}.mrl-u-text-interactive-xsmall{font-family:var(--mrl-font-family-01);font-size:var(--mrl-type-size-text-xsmall);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-interactive-xsmall);line-height:var(--mrl-type-line-height-interactive-xsmall)}.mrl-u-text-interactive-small{font-family:var(--mrl-font-family-01);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-interactive-small)}.mrl-u-text-interactive-medium{font-family:var(--mrl-font-family-01);font-size:var(--mrl-type-size-text);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-interactive)}.mrl-u-text-interactive-large{font-family:var(--mrl-font-family-01);font-size:var(--mrl-type-size-text-large);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-interactive-large)}.mrl-u-text-toggleable-label{font-size:var(--mrl-type-size-toggleable-label);font-weight:var(--mrl-type-weight-toggleable-label)}:root{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton);--mrl-button-border-radius: var(--mrl-border-radius-functional)}.mrl-u-preHydrateSkeleton mrl-button:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-icon-button:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-shadow-button:not(.hydrated){min-height:var(--mrl-spacing-09);min-width:var(--mrl-spacing-09);background:var(--mrl-button-background-color-skeleton);border-radius:var(--mrl-button-border-radius);box-shadow:none;color:rgba(0,0,0,0);display:inline-flex;font-family:var(--mrl-font-family-01);pointer-events:none;visibility:inherit}.mrl-u-preHydrateSkeleton mrl-button[kind=inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-button[kind=ghost-inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-icon-button[kind=inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-icon-button[kind=ghost-inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-shadow-button[kind=inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-shadow-button[kind=ghost-inverse]:not(.hydrated){--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}mrl-button[size=small],mrl-shadow-button[size=small]{min-height:var(--mrl-spacing-08)}mrl-icon-button[size=small]{min-height:var(--mrl-spacing-08);min-width:var(--mrl-spacing-08)}mrl-button[size=large],mrl-shadow-button[size=large]{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}mrl-icon-button[size=large]{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));min-width:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}mrl-icon-button[size=xsmall][kind=ghost],mrl-icon-button[size=xsmall][kind=ghost-inverse]{min-height:var(--mrl-spacing-07);min-width:var(--mrl-spacing-07)}/*# sourceMappingURL=foundation.min.css.map */
|
|
1
|
+
:root{--mrl-radii-01: 2px;--mrl-radii-02: 4px;--mrl-radii-03: 8px;--mrl-radii-04: 12px;--mrl-radii-05: 16px;--mrl-radii-06: 24px;--mrl-radii-07: 32px;--mrl-radii-08: 40px;--mrl-stroke-01: 2px;--mrl-stroke-02: 2px;--mrl-stroke-03: 2px}:root{--mrl-gray-10: 250, 250, 250;--mrl-gray-20: 238, 238, 238;--mrl-gray-30: 222, 222, 222;--mrl-gray-40: 187, 187, 187;--mrl-gray-50: 158, 158, 158;--mrl-gray-60: 145, 145, 145;--mrl-gray-70: 115, 115, 115;--mrl-gray-80: 78, 78, 78;--mrl-gray-90: 47, 47, 47;--mrl-gray-100: 31, 31, 31;--mrl-blue-10: 245, 250, 255;--mrl-blue-20: 230, 244, 254;--mrl-blue-30: 205, 230, 254;--mrl-blue-40: 180, 217, 253;--mrl-blue-50: 131, 191, 252;--mrl-blue-60: 81, 143, 251;--mrl-blue-70: 55, 112, 228;--mrl-blue-80: 49, 99, 201;--mrl-blue-90: 42, 86, 176;--mrl-blue-100: 30, 61, 125;--mrl-coral-10: 255, 230, 239;--mrl-coral-20: 254, 204, 223;--mrl-coral-30: 254, 154, 191;--mrl-coral-40: 253, 103, 160;--mrl-coral-50: 253, 53, 129;--mrl-coral-60: 255, 0, 102;--mrl-coral-70: 232, 0, 90;--mrl-coral-80: 214, 0, 87;--mrl-coral-90: 192, 3, 77;--mrl-coral-100: 163, 0, 63;--mrl-red-10: 255, 245, 245;--mrl-red-20: 255, 229, 229;--mrl-red-30: 255, 204, 204;--mrl-red-40: 255, 179, 179;--mrl-red-50: 255, 128, 128;--mrl-red-60: 255, 75, 75;--mrl-red-70: 224, 41, 53;--mrl-red-80: 179, 33, 42;--mrl-red-90: 140, 26, 33;--mrl-red-100: 115, 21, 27;--mrl-tomato-10: 251, 224, 223;--mrl-tomato-20: 253, 216, 216;--mrl-tomato-30: 246, 193, 194;--mrl-tomato-40: 240, 148, 151;--mrl-tomato-50: 227, 99, 103;--mrl-tomato-60: 224, 72, 77;--mrl-tomato-70: 212, 58, 64;--mrl-tomato-80: 205, 45, 51;--mrl-tomato-90: 190, 39, 48;--mrl-tomato-100: 157, 32, 40;--mrl-tomato-desaturated: 229, 179, 182;--mrl-orange-10: 255, 231, 204;--mrl-orange-20: 254, 226, 194;--mrl-orange-30: 252, 218, 192;--mrl-orange-40: 245, 199, 146;--mrl-orange-50: 244, 158, 72;--mrl-orange-60: 229, 121, 26;--mrl-orange-70: 201, 79, 19;--mrl-orange-80: 191, 76, 18;--mrl-orange-90: 178, 68, 1;--mrl-orange-100: 147, 57, 1;--mrl-orange-desaturated: 235, 186, 142;--mrl-lemon-10: 250, 241, 193;--mrl-lemon-20: 249, 240, 190;--mrl-lemon-30: 249, 237, 174;--mrl-lemon-40: 245, 226, 127;--mrl-lemon-50: 228, 203, 73;--mrl-lemon-60: 182, 158, 35;--mrl-lemon-70: 142, 116, 23;--mrl-lemon-80: 132, 108, 21;--mrl-lemon-90: 122, 99, 16;--mrl-lemon-100: 104, 84, 13;--mrl-lemon-desaturated: 228, 215, 149;--mrl-melon-10: 227, 248, 216;--mrl-melon-20: 214, 237, 202;--mrl-melon-30: 190, 226, 171;--mrl-melon-40: 161, 214, 135;--mrl-melon-50: 122, 185, 91;--mrl-melon-60: 93, 160, 59;--mrl-melon-70: 75, 132, 46;--mrl-melon-80: 69, 121, 42;--mrl-melon-90: 71, 114, 49;--mrl-melon-100: 60, 96, 41;--mrl-melon-desaturated: 169, 208, 178;--mrl-mint-10: 220, 242, 249;--mrl-mint-20: 207, 234, 242;--mrl-mint-30: 177, 217, 231;--mrl-mint-40: 138, 199, 219;--mrl-mint-50: 89, 181, 212;--mrl-mint-60: 36, 150, 188;--mrl-mint-70: 9, 126, 165;--mrl-mint-80: 8, 118, 155;--mrl-mint-90: 1, 114, 152;--mrl-mint-100: 1, 99, 132;--mrl-mint-desaturated: 162, 203, 216;--mrl-blueberry-10: 215, 228, 255;--mrl-blueberry-20: 202, 219, 252;--mrl-blueberry-30: 187, 209, 251;--mrl-blueberry-40: 139, 175, 249;--mrl-blueberry-50: 105, 146, 226;--mrl-blueberry-60: 91, 131, 210;--mrl-blueberry-70: 64, 110, 203;--mrl-blueberry-80: 32, 89, 202;--mrl-blueberry-90: 28, 77, 175;--mrl-blueberry-100: 24, 66, 149;--mrl-blueberry-desaturated: 173, 199, 224;--mrl-grape-10: 222, 220, 249;--mrl-grape-20: 216, 216, 249;--mrl-grape-30: 207, 207, 247;--mrl-grape-40: 162, 163, 240;--mrl-grape-50: 142, 129, 228;--mrl-grape-60: 132, 108, 224;--mrl-grape-70: 114, 86, 219;--mrl-grape-80: 94, 62, 214;--mrl-grape-90: 74, 58, 182;--mrl-grape-100: 63, 49, 155;--mrl-grape-desaturated: 189, 187, 221;--mrl-dragonfruit-10: 255, 225, 243;--mrl-dragonfruit-20: 246, 213, 243;--mrl-dragonfruit-30: 230, 188, 226;--mrl-dragonfruit-40: 216, 151, 209;--mrl-dragonfruit-50: 202, 114, 193;--mrl-dragonfruit-60: 196, 100, 186;--mrl-dragonfruit-70: 186, 74, 171;--mrl-dragonfruit-80: 175, 75, 168;--mrl-dragonfruit-90: 163, 67, 157;--mrl-dragonfruit-100: 141, 58, 136;--mrl-dragonfruit-desaturated: 232, 201, 221;--mrl-truffle-10: 236, 239, 238;--mrl-truffle-20: 219, 225, 223;--mrl-truffle-30: 197, 206, 203;--mrl-truffle-40: 170, 182, 178;--mrl-truffle-50: 131, 149, 144;--mrl-truffle-60: 108, 127, 121;--mrl-truffle-70: 96, 113, 108;--mrl-truffle-80: 80, 98, 93;--mrl-truffle-90: 70, 83, 79;--mrl-truffle-100: 56, 66, 63;--mrl-truffle-desaturated: 196, 202, 200;--mrl-white: 255, 255, 255;--mrl-black: 0, 0, 0;--mrl-status-info: 49, 99, 201;--mrl-status-success: 0, 132, 63;--mrl-status-warning: 255, 170, 1;--mrl-status-error: 179, 33, 42;--mrl-black-opacity-00: rgba(var(--mrl-black), .08);--mrl-black-opacity-01: rgba(var(--mrl-black), .16);--mrl-black-opacity-02: rgba(var(--mrl-black), .24);--mrl-black-opacity-03: rgba(var(--mrl-black), .32);--mrl-black-opacity-06: rgba(var(--mrl-black), .64);--mrl-black-opacity-08: rgba(var(--mrl-black), .80);--mrl-white-opacity-02: rgba(var(--mrl-white), .24);--mrl-white-opacity-03: rgba(var(--mrl-white), .30);--mrl-white-opacity-04: rgba(var(--mrl-white), .40);--mrl-white-opacity-06: rgba(var(--mrl-white), .60);--mrl-white-opacity-08: rgba(var(--mrl-white), .80);--mrl-status-private: var(--mrl-gray-100)}:root{--mrl-timing-m1: cubic-bezier(0.17, 0.00, 0.00, 1.00);--mrl-timing-m1r: cubic-bezier(1.00, 0.00, 0.83, 1.00);--mrl-timing-m2: cubic-bezier(0, 0.5, 0, 1);--mrl-timing-m3: cubic-bezier(0.33, 0.00, 0.67, 1.00);--mrl-timing-m4: cubic-bezier(0.00, 0.00, 0.00, 1.00);--mrl-duration-01: 17ms;--mrl-duration-02: 167ms;--mrl-duration-03: 333ms;--mrl-duration-04: 667ms;--mrl-distance-01: 4px;--mrl-distance-02: 8px}:root{--mrl-shadow-01: 0 0 0 1px rgba(var(--mrl-black), 0.08), 0 3px 4px rgba(var(--mrl-black), 0.08);--mrl-shadow-02: 0 0 0 1px rgba(var(--mrl-black), 0.08), 0 5px 8px rgba(var(--mrl-black), 0.08);--mrl-shadow-03: 0 0 0 1px rgba(var(--mrl-black), 0.08), 0 25px 20px rgba(var(--mrl-black), 0.12);--mrl-shadow-interactive-01: 0 4px 5px rgba(var(--mrl-black), 0.08);--mrl-shadow-interactive-02: 0 20px 12px rgba(var(--mrl-black), 0.20)}:root{--mrl-spacing-01: calc(2 / var(--mrl-baseline) * 1rem);--mrl-spacing-02: calc(4 / var(--mrl-baseline) * 1rem);--mrl-spacing-03: calc(8 / var(--mrl-baseline) * 1rem);--mrl-spacing-04: calc(12 / var(--mrl-baseline) * 1rem);--mrl-spacing-05: calc(16 / var(--mrl-baseline) * 1rem);--mrl-spacing-06: calc(20 / var(--mrl-baseline) * 1rem);--mrl-spacing-07: calc(24 / var(--mrl-baseline) * 1rem);--mrl-spacing-08: calc(32 / var(--mrl-baseline) * 1rem);--mrl-spacing-09: calc(40 / var(--mrl-baseline) * 1rem);--mrl-spacing-10: calc(48 / var(--mrl-baseline) * 1rem);--mrl-spacing-11: calc(64 / var(--mrl-baseline) * 1rem);--mrl-spacing-12: calc(80 / var(--mrl-baseline) * 1rem);--mrl-spacing-13: calc(96 / var(--mrl-baseline) * 1rem);--mrl-spacing-14: calc(160 / var(--mrl-baseline) * 1rem)}:root{--mrl-baseline: 16;--mrl-font-family-01: proxima-nova;--mrl-font-size-01: calc(11 / var(--mrl-baseline) * 1rem);--mrl-font-size-02: calc(12 / var(--mrl-baseline) * 1rem);--mrl-font-size-03: calc(14 / var(--mrl-baseline) * 1rem);--mrl-font-size-04: calc(16 / var(--mrl-baseline) * 1rem);--mrl-font-size-05: calc(18 / var(--mrl-baseline) * 1rem);--mrl-font-size-06: calc(20 / var(--mrl-baseline) * 1rem);--mrl-font-size-07: calc(24 / var(--mrl-baseline) * 1rem);--mrl-font-size-08: calc(32 / var(--mrl-baseline) * 1rem);--mrl-font-size-09: calc(40 / var(--mrl-baseline) * 1rem);--mrl-font-size-10: calc(48 / var(--mrl-baseline) * 1rem);--mrl-font-size-11: calc(64 / var(--mrl-baseline) * 1rem);--mrl-font-size-12: calc(80 / var(--mrl-baseline) * 1rem);--mrl-font-size-13: calc(96 / var(--mrl-baseline) * 1rem);--mrl-font-size-14: calc(120 / var(--mrl-baseline) * 1rem);--mrl-line-height-01: 0.875;--mrl-line-height-02: 1;--mrl-line-height-03: 1.125;--mrl-line-height-04: 1.167;--mrl-line-height-05: 1.2;--mrl-line-height-06: 1.33;--mrl-line-height-07: 1.4;--mrl-line-height-08: 1.45;--mrl-line-height-09: 1.5;--mrl-line-height-10: 1.56;--mrl-line-height-11: 1.75;--mrl-line-height-12: 2;--mrl-letter-spacing-01: -2% ;--mrl-letter-spacing-02: -1% ;--mrl-letter-spacing-03: 0% ;--mrl-letter-spacing-04: 1% ;--mrl-letter-spacing-05: 2% ;--mrl-font-weight-01: 400 ;--mrl-font-weight-02: 500 ;--mrl-font-weight-03: 600 ;--mrl-font-weight-04: 700 ;--mrl-font-weight-05: 800 }:root{--mrl-color-focus: rgba(var(--mrl-blue-70), 1);--mrl-color-focus-inverse: rgba(var(--mrl-white), 1);--mrl-color-shadows: rgba(var(--mrl-black), 1);--mrl-color-brand: rgba(var(--mrl-red-70), 1);--mrl-color-brand-hover: rgba(var(--mrl-red-80), 1);--mrl-color-brand-active: rgba(var(--mrl-red-90), 1);--mrl-color-accent: rgba(var(--mrl-blue-70), 1);--mrl-color-skeleton: rgba(var(--mrl-gray-20), 1);--mrl-color-skeleton-inverse: rgba(var(--mrl-white), 1);--mrl-color-background: rgba(var(--mrl-white), 1);--mrl-color-background-secondary: rgba(var(--mrl-gray-80), 1);--mrl-color-background-decorative: rgba(var(--mrl-gray-20), 1);--mrl-color-background-info: rgba(var(--mrl-status-info), 1);--mrl-color-background-success: rgba(var(--mrl-status-success), 1);--mrl-color-background-warning: rgba(var(--mrl-status-warning), 1);--mrl-color-background-error: rgba(var(--mrl-status-error), 1);--mrl-color-background-private: rgba(var(--mrl-gray-100), 1);--mrl-color-background-inverse: rgba(var(--mrl-gray-100), 1);--mrl-color-background-inverse-hover: rgba(var(--mrl-gray-90), 1);--mrl-color-background-disabled: rgba(var(--mrl-gray-40), 1);--mrl-color-background-highlight-hover: rgba(var(--mrl-gray-20), 1);--mrl-color-background-highlight-active: rgba(var(--mrl-gray-90), 1);--mrl-color-background-highlight-selected: rgba(var(--mrl-gray-90), 1);--mrl-color-background-highlight-emph-active: rgba(var(--mrl-gray-30), 1);--mrl-color-line: rgba(var(--mrl-gray-70), 1);--mrl-color-line-hover: rgba(var(--mrl-gray-90), 1);--mrl-color-line-active: rgba(var(--mrl-gray-100), 1);--mrl-color-line-selected: rgba(var(--mrl-gray-90), 1);--mrl-color-line-disabled: rgba(var(--mrl-gray-40), 1);--mrl-color-line-divider: rgba(var(--mrl-gray-20), 1);--mrl-color-line-divider-inverse: rgba(var(--mrl-gray-80), 1);--mrl-color-line-emph: rgba(var(--mrl-gray-20), 1);--mrl-color-line-emph-hover: rgba(var(--mrl-gray-90), 1);--mrl-color-line-emph-active: rgba(var(--mrl-black), 1);--mrl-color-line-inverse: rgba(var(--mrl-white), 1);--mrl-color-line-inverse-disabled: rgba(var(--mrl-white), 1);--mrl-color-text: rgba(var(--mrl-gray-80), 1);--mrl-color-text-hover: rgba(var(--mrl-gray-90), 1);--mrl-color-text-active: rgba(var(--mrl-gray-90), 1);--mrl-color-text-selected: rgba(var(--mrl-gray-90), 1);--mrl-color-text-disabled: rgba(var(--mrl-gray-40), 1);--mrl-color-text-disabled-inverse: rgba(var(--mrl-white), 1);--mrl-color-text-emph: rgba(var(--mrl-gray-20), 1);--mrl-color-text-emph-hover: rgba(var(--mrl-gray-90), 1);--mrl-color-text-emph-active: rgba(var(--mrl-black), 1);--mrl-color-text-highlight: rgba(var(--mrl-gray-80), 1);--mrl-color-text-highlight-hover: rgba(var(--mrl-gray-90), 1);--mrl-color-text-highlight-active: rgba(var(--mrl-white), 1);--mrl-color-text-highlight-selected: rgba(var(--mrl-white), 1);--mrl-color-text-highlight-emph: rgba(var(--mrl-gray-90), 1);--mrl-color-text-highlight-emph-hover: rgba(var(--mrl-gray-100), 1);--mrl-color-text-highlight-emph-active: rgba(var(--mrl-black), 1);--mrl-color-text-highlight-emph-selected: rgba(var(--mrl-white), 1);--mrl-color-text-inverse: rgba(var(--mrl-white), 1);--mrl-color-text-inverse-secondary: rgba(var(--mrl-gray-10), 1);--mrl-color-text-inverse-hover: rgba(var(--mrl-white), 1);--mrl-color-text-inverse-active: rgba(var(--mrl-white), 1);--mrl-color-text-inverse-selected: rgba(var(--mrl-white), 1);--mrl-color-text-02: rgba(var(--mrl-gray-90), 1);--mrl-color-text-secondary: rgba(var(--mrl-gray-70), 1);--mrl-color-text-label: rgba(var(--mrl-gray-90), 1);--mrl-color-text-heading: rgba(var(--mrl-gray-100), 1);--mrl-color-text-success: rgba(var(--mrl-gray-90), 1);--mrl-color-text-warning: rgba(var(--mrl-gray-90), 1);--mrl-color-text-error: rgba(var(--mrl-status-error), 1);--mrl-color-text-info: rgba(var(--mrl-gray-90), 1);--mrl-color-text-private: rgba(var(--mrl-gray-100), 1);--mrl-color-icon-emph-selected: rgba(var(--mrl-gray-100), 1);--mrl-color-background-inverse-active: var(--mrl-color-accent);--mrl-color-background-inverse-selected: var(--mrl-color-accent);--mrl-color-background-highlight-emph-selected: var(--mrl-color-accent);--mrl-color-line-emph-selected: var(--mrl-color-accent);--mrl-color-text-emph-selected: var(--mrl-color-accent);--mrl-color-background-page: rgb(245, 245, 245);--mrl-color-background-hover-opacity: rgba(var(--mrl-gray-30), 0.2);--mrl-color-background-inverse-hover-opacity: rgba(var(--mrl-black), 0.2)}:root{--mrl-space-stack-components: var(--mrl-spacing-06);--mrl-space-stack-controls: var(--mrl-spacing-05);--mrl-space-stack-controls-small: var(--mrl-spacing-04);--mrl-space-stack-section: var(--mrl-spacing-07);--mrl-space-stack-section-divider: var(--mrl-spacing-04);--mrl-space-stack-section-divider-small: var(--mrl-spacing-03);--mrl-space-stack-section-divider-large: var(--mrl-spacing-06);--mrl-space-stack-section-divider-label: var(--mrl-spacing-05);--mrl-space-stack-siblings: var(--mrl-spacing-04);--mrl-space-stack-related: var(--mrl-spacing-03);--mrl-space-stack-related-small: var(--mrl-spacing-02);--mrl-space-inset: var(--mrl-spacing-03);--mrl-space-inset-container: var(--mrl-spacing-08);--mrl-space-inset-container-large: var(--mrl-spacing-05);--mrl-space-inset-large: var(--mrl-spacing-05);--mrl-space-inset-control: var(--mrl-spacing-06);--mrl-space-inset-control-large: var(--mrl-spacing-05);--mrl-space-inline-related: var(--mrl-spacing-03);--mrl-space-inline-sibling: var(--mrl-spacing-04);--mrl-space-inline-sibling-small: var(--mrl-spacing-02);--mrl-space-gutter: var(--mrl-spacing-04);--mrl-space-gutter-label: var(--mrl-spacing-05);--mrl-space-offset-focus: var(--mrl-spacing-01);--mrl-space-stack-subheading: var(--mrl-spacing-05);--mrl-space-stack-title: var(--mrl-spacing-07);--mrl-space-stack-title-related: var(--mrl-spacing-05);--mrl-space-inline-sibling-xsmall: var(--mrl-space-inline-sibling-small);--mrl-space-inset-control-small: calc( var(--mrl-spacing-03) + var(--mrl-spacing-01) )}@media only screen and (min-width: 600px){:root{--mrl-space-inset-container-large: var(--mrl-spacing-08)}}:root{--mrl-line-width-border-fine: 1px;--mrl-line-width-border: var(--mrl-stroke-01);--mrl-line-width-border-selected: var(--mrl-stroke-01);--mrl-line-width-focus: var(--mrl-stroke-01);--mrl-line-width-control: var(--mrl-stroke-01);--mrl-line-width-divider: var(--mrl-stroke-01);--mrl-border-radius-tight: var(--mrl-radii-01);--mrl-border-radius-content: var(--mrl-radii-02);--mrl-border-radius-content-large: var(--mrl-radii-03);--mrl-border-radius-functional: var(--mrl-radii-03);--mrl-border-radius-functional-large: var(--mrl-radii-04);--mrl-border-radius-container: var(--mrl-radii-04);--mrl-border-radius-container-large: var(--mrl-radii-05);--mrl-border-radius-rounded: var(--mrl-radii-07);--mrl-border-radius-rounded-large: var(--mrl-radii-08);--mrl-border: var(--mrl-line-width-border) solid var(--mrl-color-line);--mrl-border-hover: var(--mrl-line-width-border) solid var(--mrl-color-line-hover);--mrl-border-active: var(--mrl-line-width-border) solid var(--mrl-color-line-active);--mrl-border-selected: var(--mrl-line-width-border-selected) solid var(--mrl-color-line-selected);--mrl-border-disabled: var(--mrl-line-width-border) solid var(--mrl-color-line-disabled);--mrl-border-emph: var(--mrl-line-width-border) solid var(--mrl-color-line-emph);--mrl-border-emph-hover: var(--mrl-line-width-border) solid var(--mrl-color-line-emph-hover);--mrl-border-emph-active: var(--mrl-line-width-border) solid var(--mrl-color-line-emph-active);--mrl-border-emph-selected: var(--mrl-line-width-border-selected) solid var(--mrl-color-line-emph-selected);--mrl-border-emph-disabled: var(--mrl-line-width-border) solid var(--mrl-color-line-emph-disabled);--mrl-border-inverse: var(--mrl-line-width-border) solid var(--mrl-color-line-inverse);--mrl-border-inverse-hover: var(--mrl-line-width-border) solid var(--mrl-color-line-inverse);--mrl-border-inverse-active: var(--mrl-line-width-border) solid var(--mrl-color-line-inverse);--mrl-border-inverse-selected: var(--mrl-line-width-border-selected) solid var(--mrl-color-line-inverse);--mrl-border-inverse-disabled: var(--mrl-line-width-border) solid var(--mrl-color-line-inverse-disabled);--mrl-border-focus: var(--mrl-line-width-focus) solid var(--mrl-color-focus);--mrl-border-divider: var(--mrl-line-width-divider) solid var(--mrl-color-line-divider)}:root{--mrl-type-size-poster: var(--mrl-font-size-10);--mrl-type-size-poster-large: var(--mrl-font-size-11);--mrl-type-size-poster-small: var(--mrl-font-size-09);--mrl-type-size-display: var(--mrl-font-size-08);--mrl-type-size-display-large: var(--mrl-font-size-09);--mrl-type-size-display-small: var(--mrl-font-size-07);--mrl-type-size-headline: var(--mrl-font-size-05);--mrl-type-size-headline-large: var(--mrl-font-size-06);--mrl-type-size-headline-small: var(--mrl-font-size-02);--mrl-type-size-text: var(--mrl-font-size-04);--mrl-type-size-text-large: var(--mrl-font-size-05);--mrl-type-size-text-small: var(--mrl-font-size-03);--mrl-type-size-text-xsmall: var(--mrl-font-size-02);--mrl-type-size-text-xxsmall: var(--mrl-font-size-01);--mrl-type-line-height-poster: var(--mrl-line-height-04);--mrl-type-line-height-poster-large: var(--mrl-line-height-03);--mrl-type-line-height-poster-small: var(--mrl-line-height-05);--mrl-type-line-height-display: var(--mrl-line-height-03);--mrl-type-line-height-display-large: var(--mrl-line-height-05);--mrl-type-line-height-display-small: var(--mrl-line-height-06);--mrl-type-line-height-headline: var(--mrl-line-height-09);--mrl-type-line-height-headline-large: var(--mrl-line-height-07);--mrl-type-line-height-headline-small: var(--mrl-line-height-09);--mrl-type-line-height-text: var(--mrl-line-height-09);--mrl-type-line-height-text-large: var(--mrl-line-height-10);--mrl-type-line-height-text-small: var(--mrl-line-height-08);--mrl-type-line-height-text-xsmall: var(--mrl-line-height-06);--mrl-type-line-height-text-xxsmall: var(--mrl-line-height-08);--mrl-type-line-height-interactive: var(--mrl-line-height-09);--mrl-type-line-height-interactive-large: var(--mrl-line-height-10);--mrl-type-line-height-interactive-small: var(--mrl-line-height-08);--mrl-type-line-height-interactive-xsmall: var(--mrl-line-height-06);--mrl-type-weight-poster: var(--mrl-font-weight-05);--mrl-type-weight-display: var(--mrl-font-weight-05);--mrl-type-weight-headline: var(--mrl-font-weight-05);--mrl-type-weight-title: var(--mrl-font-weight-04);--mrl-type-weight-title-secondary: var(--mrl-font-weight-03);--mrl-type-weight-text: var(--mrl-font-weight-02);--mrl-type-weight-text-secondary: var(--mrl-font-weight-01);--mrl-type-weight-interactive: var(--mrl-font-weight-04);--mrl-type-spacing-poster: var(--mrl-letter-spacing-02);--mrl-type-spacing-poster-large: var(--mrl-letter-spacing-01);--mrl-type-spacing-poster-small: var(--mrl-letter-spacing-02);--mrl-type-spacing-display: var(--mrl-letter-spacing-03);--mrl-type-spacing-display-large: var(--mrl-letter-spacing-02);--mrl-type-spacing-display-small: var(--mrl-letter-spacing-03);--mrl-type-spacing-headline: var(--mrl-letter-spacing-03);--mrl-type-spacing-headline-large: var(--mrl-letter-spacing-03);--mrl-type-spacing-headline-small: var(--mrl-letter-spacing-04);--mrl-type-spacing-text: var(--mrl-letter-spacing-03);--mrl-type-spacing-interactive-xsmall: var(--mrl-letter-spacing-04);--mrl-type-size-toggleable-label: calc(10 / var(--mrl-baseline) * 1rem);--mrl-type-weight-toggleable-label: var(--mrl-font-weight-03)}@media screen and (min-width: 600px){:root{--mrl-type-size-poster: var(--mrl-font-size-12);--mrl-type-size-poster-large: var(--mrl-font-size-13);--mrl-type-size-poster-small: var(--mrl-font-size-11);--mrl-type-size-display: var(--mrl-font-size-09);--mrl-type-size-display-large: var(--mrl-font-size-10);--mrl-type-size-display-small: var(--mrl-font-size-08);--mrl-type-size-headline: var(--mrl-font-size-06);--mrl-type-size-headline-large: var(--mrl-font-size-07);--mrl-type-size-headline-small: var(--mrl-font-size-04);--mrl-type-line-height-poster: var(--mrl-line-height-02);--mrl-type-line-height-poster-large: var(--mrl-line-height-02);--mrl-type-line-height-poster-small: var(--mrl-line-height-02);--mrl-type-line-height-display: var(--mrl-line-height-05);--mrl-type-line-height-display-large: var(--mrl-line-height-04);--mrl-type-line-height-display-small: var(--mrl-line-height-03);--mrl-type-line-height-headline: var(--mrl-line-height-07);--mrl-type-line-height-headline-large: var(--mrl-line-height-06);--mrl-type-line-height-headline-small: var(--mrl-line-height-03);--mrl-type-spacing-headline-small: var(--mrl-letter-spacing-03)}}:root{--mrl-shadows-lifted: var(--mrl-shadow-01);--mrl-shadows-raised: var(--mrl-shadow-02);--mrl-shadows-floating: var(--mrl-shadow-03);--mrl-shadows-hover: var(--mrl-shadow-interactive-01);--mrl-shadows-drag: var(--mrl-shadow-interactive-02)}.mrl-u-focus-wrapper{position:relative}body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,samp,small,tt,var,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;margin:0;padding:0;vertical-align:baseline}b,em,i,strike,strong,sub,sup,u{border:0;font-family:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:none}table{border-collapse:collapse;border-spacing:0}html{border:0;box-sizing:border-box;font:inherit;font-family:var(--mrl-font-family-01),sans-serif;font-size:var(--mrl-font-size, 100%);-webkit-font-smoothing:antialiased;margin:0;padding:0;vertical-align:baseline}*,*::before,*::after{box-sizing:inherit}.mrl-u-space-center-horizontal{display:flex}.mrl-u-space-center-horizontal-inline{display:inline-flex}.mrl-u-space-center-vertical{align-items:center;display:flex}.mrl-u-space-center-vertical>*{display:inline-flex}.mrl-u-space-center-vertical-inline{align-items:center;display:inline-flex}.mrl-u-space-center-vertical-inline>*{display:inline-flex}.mrl-u-text-interactive-xsmall{font-family:var(--mrl-font-family-01);font-size:var(--mrl-type-size-text-xsmall);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-interactive-xsmall);line-height:var(--mrl-type-line-height-interactive-xsmall)}.mrl-u-text-interactive-small{font-family:var(--mrl-font-family-01);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-interactive-small)}.mrl-u-text-interactive-medium{font-family:var(--mrl-font-family-01);font-size:var(--mrl-type-size-text);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-interactive)}.mrl-u-text-interactive-large{font-family:var(--mrl-font-family-01);font-size:var(--mrl-type-size-text-large);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-interactive-large)}.mrl-u-text-toggleable-label{font-size:var(--mrl-type-size-toggleable-label);font-weight:var(--mrl-type-weight-toggleable-label)}:root{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton);--mrl-button-border-radius: var(--mrl-border-radius-functional)}.mrl-u-preHydrateSkeleton mrl-button:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-icon-button:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-shadow-button:not(.hydrated){min-height:var(--mrl-spacing-09);min-width:var(--mrl-spacing-09);background:var(--mrl-button-background-color-skeleton);border-radius:var(--mrl-button-border-radius);box-shadow:none;color:rgba(0,0,0,0);display:inline-flex;font-family:var(--mrl-font-family-01);pointer-events:none;visibility:inherit}.mrl-u-preHydrateSkeleton mrl-button[kind=inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-button[kind=ghost-inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-icon-button[kind=inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-icon-button[kind=ghost-inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-shadow-button[kind=inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-shadow-button[kind=ghost-inverse]:not(.hydrated){--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}mrl-button[size=small],mrl-shadow-button[size=small]{min-height:var(--mrl-spacing-08)}mrl-icon-button[size=small]{min-height:var(--mrl-spacing-08);min-width:var(--mrl-spacing-08)}mrl-button[size=large],mrl-shadow-button[size=large]{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}mrl-icon-button[size=large]{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));min-width:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}mrl-icon-button[size=xsmall][kind=ghost],mrl-icon-button[size=xsmall][kind=ghost-inverse]{min-height:var(--mrl-spacing-07);min-width:var(--mrl-spacing-07)}/*# sourceMappingURL=foundation.min.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../src/styles/global-variables/border.scss","../src/styles/global-variables/color.scss","../src/styles/global-variables/motion.scss","../src/styles/global-variables/shadows.scss","../src/styles/global-variables/spacing.scss","../src/styles/global-variables/typography.scss","../src/styles/contextual-variables/color.scss","../src/styles/contextual-variables/spacing.scss","../src/styles/contextual-variables/border.scss","../src/styles/contextual-variables/typography.scss","../src/styles/contextual-variables/shadows.scss","../src/styles/focus.scss","../src/styles/baseline.scss","../src/styles/spacing.scss","../src/styles/_mixins.scss","../src/styles/typography.scss","../src/styles/skeletons/button.scss"],"names":[],"mappings":"AA8BA,MAEE,qKAIA,+
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../src/styles/global-variables/border.scss","../src/styles/global-variables/color.scss","../src/styles/global-variables/motion.scss","../src/styles/global-variables/shadows.scss","../src/styles/global-variables/spacing.scss","../src/styles/global-variables/typography.scss","../src/styles/contextual-variables/color.scss","../src/styles/contextual-variables/spacing.scss","../src/styles/contextual-variables/border.scss","../src/styles/contextual-variables/typography.scss","../src/styles/contextual-variables/shadows.scss","../src/styles/focus.scss","../src/styles/baseline.scss","../src/styles/spacing.scss","../src/styles/_mixins.scss","../src/styles/typography.scss","../src/styles/skeletons/button.scss"],"names":[],"mappings":"AA8BA,MAEE,qKAIA,+DCqJF,MAEE,o0IAKC,4jBAIF,0CC5KD,MAGE,qQAKA,mGAKA,8CCdF,MAEE,4aCCF,MAEE,8wBCkCF,MACC,mBACA,mCAIC,6yBAKA,8TAKA,mJAKA,uICkEF,MAGE,4zHAKA,wTAID,gDAGA,oEACA,0ECtHD,MAGE,20CAMD,yEAGA,uFAPA,0CALD,MAME,0DCXF,MAGC,kCAIC,gPAKA,ydAiCC,02CAaD,qKCoBF,MAGE,8tBAKA,umCAKA,sbAKA,+pBAKD,wEACA,8DAKD,qCACC,MAGE,6dAKA,8iBAKA,iEC5IH,MAEE,8OCtBF,qBACC,kBCKD,qXAuEC,SACA,SACA,UACA,wBAGD,+BAQC,SACA,oBACA,SACA,UACA,wBAID,8EAWC,cAGD,MAEC,gBAGD,aAEC,YAGD,wDAIC,aAGD,MACC,yBACA,iBAKD,KACC,SACA,sBACA,aACA,iDACA,qCACA,mCACA,SACA,UACA,wBAGD,qBAGC,mBClJD,+BCgHC,QANmB,KDtGpB,sCC4GC,QAHoB,YDrGrB,6BCoFC,mBACA,QAPmB,KASnB,+BACC,oBDpFF,oCCgFC,mBACA,QAJoB,YAMpB,sCACC,oBC9FD,+BDgCA,sCACA,2CACA,+CACA,0DACA,2DCpCA,8BDgCA,sCACA,0CACA,+CACA,4CACA,0DCpCA,+BDgCA,sCACA,oCACA,+CACA,4CACA,oDCpCA,8BDgCA,sCACA,0CACA,+CACA,4CACA,0DC/BD,6BDqEC,gDACA,oDEnBD,MACC,kEACA,gEAaA,wKA1CA,WA7B4B,sBAgC3B,UAhC2B,sBA4C5B,uDACA,8CACA,gBACA,oBACA,oBACA,sCACA,oBACA,mBA6BA,sbAMC,0EAMF,qDA/DC,WA5B0B,sBAgG3B,4BApEC,WA5B0B,sBA+BzB,UA/ByB,sBAqG3B,qDAzEC,WAxB0B,oDAsG3B,4BA9EC,WAxB0B,oDA2BzB,UA3ByB,oDA2G3B,0FAnFC,WAvB2B,sBA0B1B,UA1B0B","file":"foundation.min.css"}
|
package/dist/ios-swift/Mrl.swift
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
//
|
|
5
5
|
|
|
6
6
|
// Do not edit directly
|
|
7
|
-
// Generated on
|
|
7
|
+
// Generated on Thu, 17 Aug 2023 20:07:03 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
import UIKit
|
|
@@ -21,16 +21,17 @@ public class Mrl {
|
|
|
21
21
|
public static let blue70 = #3770e4
|
|
22
22
|
public static let blue80 = #3163c9
|
|
23
23
|
public static let blue90 = #2a56b0
|
|
24
|
-
public static let blueberry10 = #
|
|
25
|
-
public static let blueberry100 = #
|
|
26
|
-
public static let blueberry20 = #
|
|
27
|
-
public static let blueberry30 = #
|
|
28
|
-
public static let blueberry40 = #
|
|
29
|
-
public static let blueberry50 = #
|
|
30
|
-
public static let blueberry60 = #
|
|
31
|
-
public static let blueberry70 = #
|
|
32
|
-
public static let blueberry80 = #
|
|
33
|
-
public static let blueberry90 = #
|
|
24
|
+
public static let blueberry10 = #d7e4ff
|
|
25
|
+
public static let blueberry100 = #184295
|
|
26
|
+
public static let blueberry20 = #cadbfc
|
|
27
|
+
public static let blueberry30 = #bbd1fb
|
|
28
|
+
public static let blueberry40 = #8baff9
|
|
29
|
+
public static let blueberry50 = #6992e2
|
|
30
|
+
public static let blueberry60 = #5b83d2
|
|
31
|
+
public static let blueberry70 = #406ecb
|
|
32
|
+
public static let blueberry80 = #2059ca
|
|
33
|
+
public static let blueberry90 = #1c4daf
|
|
34
|
+
public static let blueberryDesaturated = #adc7e0
|
|
34
35
|
public static let coral10 = #ffe6ef
|
|
35
36
|
public static let coral100 = #a3003f
|
|
36
37
|
public static let coral20 = #feccdf
|
|
@@ -43,6 +44,17 @@ public class Mrl {
|
|
|
43
44
|
public static let coral90 = #c0034d
|
|
44
45
|
public static let distance01 = 4
|
|
45
46
|
public static let distance02 = 8
|
|
47
|
+
public static let dragonfruit10 = #ffe1f3
|
|
48
|
+
public static let dragonfruit100 = #8d3a88
|
|
49
|
+
public static let dragonfruit20 = #f6d5f3
|
|
50
|
+
public static let dragonfruit30 = #e6bce2
|
|
51
|
+
public static let dragonfruit40 = #d897d1
|
|
52
|
+
public static let dragonfruit50 = #ca72c1
|
|
53
|
+
public static let dragonfruit60 = #c464ba
|
|
54
|
+
public static let dragonfruit70 = #ba4aab
|
|
55
|
+
public static let dragonfruit80 = #af4ba8
|
|
56
|
+
public static let dragonfruit90 = #a3439d
|
|
57
|
+
public static let dragonfruitDesaturated = #e8c9dd
|
|
46
58
|
public static let duration01 = 17
|
|
47
59
|
public static let duration02 = 167
|
|
48
60
|
public static let duration03 = 333
|
|
@@ -67,16 +79,17 @@ public class Mrl {
|
|
|
67
79
|
public static let fontWeight03 = 600 /* Semibold */
|
|
68
80
|
public static let fontWeight04 = 700 /* Bold */
|
|
69
81
|
public static let fontWeight05 = 800 /* Extra bold */
|
|
70
|
-
public static let grape10 = #
|
|
71
|
-
public static let grape100 = #
|
|
72
|
-
public static let grape20 = #
|
|
73
|
-
public static let grape30 = #
|
|
74
|
-
public static let grape40 = #
|
|
75
|
-
public static let grape50 = #
|
|
76
|
-
public static let grape60 = #
|
|
77
|
-
public static let grape70 = #
|
|
78
|
-
public static let grape80 = #
|
|
79
|
-
public static let grape90 = #
|
|
82
|
+
public static let grape10 = #dedcf9
|
|
83
|
+
public static let grape100 = #3f319b
|
|
84
|
+
public static let grape20 = #d8d8f9
|
|
85
|
+
public static let grape30 = #cfcff7
|
|
86
|
+
public static let grape40 = #a2a3f0
|
|
87
|
+
public static let grape50 = #8e81e4
|
|
88
|
+
public static let grape60 = #846ce0
|
|
89
|
+
public static let grape70 = #7256db
|
|
90
|
+
public static let grape80 = #5e3ed6
|
|
91
|
+
public static let grape90 = #4a3ab6
|
|
92
|
+
public static let grapeDesaturated = #bdbbdd
|
|
80
93
|
public static let gray10 = #fafafa
|
|
81
94
|
public static let gray100 = #1f1f1f
|
|
82
95
|
public static let gray20 = #eeeeee
|
|
@@ -87,16 +100,17 @@ public class Mrl {
|
|
|
87
100
|
public static let gray70 = #737373
|
|
88
101
|
public static let gray80 = #4e4e4e
|
|
89
102
|
public static let gray90 = #2f2f2f
|
|
90
|
-
public static let lemon10 = #
|
|
91
|
-
public static let lemon100 = #
|
|
92
|
-
public static let lemon20 = #
|
|
93
|
-
public static let lemon30 = #
|
|
94
|
-
public static let lemon40 = #
|
|
95
|
-
public static let lemon50 = #
|
|
96
|
-
public static let lemon60 = #
|
|
97
|
-
public static let lemon70 = #
|
|
98
|
-
public static let lemon80 = #
|
|
99
|
-
public static let lemon90 = #
|
|
103
|
+
public static let lemon10 = #faf1c1
|
|
104
|
+
public static let lemon100 = #68540d
|
|
105
|
+
public static let lemon20 = #f9f0be
|
|
106
|
+
public static let lemon30 = #f9edae
|
|
107
|
+
public static let lemon40 = #f5e27f
|
|
108
|
+
public static let lemon50 = #e4cb49
|
|
109
|
+
public static let lemon60 = #b69e23
|
|
110
|
+
public static let lemon70 = #8e7417
|
|
111
|
+
public static let lemon80 = #846c15
|
|
112
|
+
public static let lemon90 = #7a6310
|
|
113
|
+
public static let lemonDesaturated = #e4d795
|
|
100
114
|
public static let letterSpacing01 = -2% /* Condensed spacing */
|
|
101
115
|
public static let letterSpacing02 = -1% /* Semi-condensed spacing */
|
|
102
116
|
public static let letterSpacing03 = 0% /* No spacing */
|
|
@@ -114,26 +128,39 @@ public class Mrl {
|
|
|
114
128
|
public static let lineHeight10 = 1.56
|
|
115
129
|
public static let lineHeight11 = 1.75
|
|
116
130
|
public static let lineHeight12 = 2
|
|
117
|
-
public static let melon10 = #
|
|
118
|
-
public static let melon100 = #
|
|
119
|
-
public static let melon20 = #
|
|
120
|
-
public static let melon30 = #
|
|
121
|
-
public static let melon40 = #
|
|
122
|
-
public static let melon50 = #
|
|
123
|
-
public static let melon60 = #
|
|
124
|
-
public static let melon70 = #
|
|
125
|
-
public static let melon80 = #
|
|
126
|
-
public static let melon90 = #
|
|
127
|
-
public static let
|
|
128
|
-
public static let
|
|
129
|
-
public static let
|
|
130
|
-
public static let
|
|
131
|
-
public static let
|
|
132
|
-
public static let
|
|
133
|
-
public static let
|
|
134
|
-
public static let
|
|
135
|
-
public static let
|
|
136
|
-
public static let
|
|
131
|
+
public static let melon10 = #e3f8d8
|
|
132
|
+
public static let melon100 = #3c6029
|
|
133
|
+
public static let melon20 = #d6edca
|
|
134
|
+
public static let melon30 = #bee2ab
|
|
135
|
+
public static let melon40 = #a1d687
|
|
136
|
+
public static let melon50 = #7ab95b
|
|
137
|
+
public static let melon60 = #5da03b
|
|
138
|
+
public static let melon70 = #4b842e
|
|
139
|
+
public static let melon80 = #45792a
|
|
140
|
+
public static let melon90 = #477231
|
|
141
|
+
public static let melonDesaturated = #a9d0b2
|
|
142
|
+
public static let mint10 = #dcf2f9
|
|
143
|
+
public static let mint100 = #016384
|
|
144
|
+
public static let mint20 = #cfeaf2
|
|
145
|
+
public static let mint30 = #b1d9e7
|
|
146
|
+
public static let mint40 = #8ac7db
|
|
147
|
+
public static let mint50 = #59b5d4
|
|
148
|
+
public static let mint60 = #2496bc
|
|
149
|
+
public static let mint70 = #097ea5
|
|
150
|
+
public static let mint80 = #08769b
|
|
151
|
+
public static let mint90 = #017298
|
|
152
|
+
public static let mintDesaturated = #a2cbd8
|
|
153
|
+
public static let orange10 = #ffe7cc
|
|
154
|
+
public static let orange100 = #933901
|
|
155
|
+
public static let orange20 = #fee2c2
|
|
156
|
+
public static let orange30 = #fce0c0
|
|
157
|
+
public static let orange40 = #f5c792
|
|
158
|
+
public static let orange50 = #f49e48
|
|
159
|
+
public static let orange60 = #e5791a
|
|
160
|
+
public static let orange70 = #c94f13
|
|
161
|
+
public static let orange80 = #bf4c12
|
|
162
|
+
public static let orange90 = #b24401
|
|
163
|
+
public static let orangeDesaturated = #ebba8e
|
|
137
164
|
public static let radii01 = 2
|
|
138
165
|
public static let radii02 = 4
|
|
139
166
|
public static let radii03 = 8
|
|
@@ -169,15 +196,27 @@ public class Mrl {
|
|
|
169
196
|
public static let timingM2 = 0, 0.5, 0, 1
|
|
170
197
|
public static let timingM3 = 0.33, 0.00, 0.67, 1.00
|
|
171
198
|
public static let timingM4 = 0.00, 0.00, 0.00, 1.00
|
|
172
|
-
public static let tomato10 = #
|
|
173
|
-
public static let tomato100 = #
|
|
174
|
-
public static let tomato20 = #
|
|
175
|
-
public static let tomato30 = #
|
|
176
|
-
public static let tomato40 = #
|
|
177
|
-
public static let tomato50 = #
|
|
178
|
-
public static let tomato60 = #
|
|
179
|
-
public static let tomato70 = #
|
|
180
|
-
public static let tomato80 = #
|
|
181
|
-
public static let tomato90 = #
|
|
199
|
+
public static let tomato10 = #fbe0df
|
|
200
|
+
public static let tomato100 = #9d2028
|
|
201
|
+
public static let tomato20 = #fdd8d8
|
|
202
|
+
public static let tomato30 = #f6c1c2
|
|
203
|
+
public static let tomato40 = #f09497
|
|
204
|
+
public static let tomato50 = #e36367
|
|
205
|
+
public static let tomato60 = #e0484d
|
|
206
|
+
public static let tomato70 = #d43a40
|
|
207
|
+
public static let tomato80 = #cd2d33
|
|
208
|
+
public static let tomato90 = #be2730
|
|
209
|
+
public static let tomatoDesaturated = #e5b3b6
|
|
210
|
+
public static let truffle10 = #ecefee
|
|
211
|
+
public static let truffle100 = #38423f
|
|
212
|
+
public static let truffle20 = #dbe1df
|
|
213
|
+
public static let truffle30 = #c5cecb
|
|
214
|
+
public static let truffle40 = #aab6b2
|
|
215
|
+
public static let truffle50 = #839590
|
|
216
|
+
public static let truffle60 = #6c7f79
|
|
217
|
+
public static let truffle70 = #60716c
|
|
218
|
+
public static let truffle80 = #50625d
|
|
219
|
+
public static let truffle90 = #46534f
|
|
220
|
+
public static let truffleDesaturated = #c4cac8
|
|
182
221
|
public static let white = #ffffff
|
|
183
222
|
}
|
package/dist/tokens/color.json
CHANGED
|
@@ -97,194 +97,317 @@
|
|
|
97
97
|
},
|
|
98
98
|
"tomato": {
|
|
99
99
|
"10": {
|
|
100
|
-
"value": "#
|
|
100
|
+
"value": "#fbe0df"
|
|
101
101
|
},
|
|
102
102
|
"20": {
|
|
103
|
-
"value": "#
|
|
103
|
+
"value": "#fdd8d8"
|
|
104
104
|
},
|
|
105
105
|
"30": {
|
|
106
|
-
"value": "#
|
|
106
|
+
"value": "#f6c1c2"
|
|
107
107
|
},
|
|
108
108
|
"40": {
|
|
109
|
-
"value": "#
|
|
109
|
+
"value": "#f09497"
|
|
110
110
|
},
|
|
111
111
|
"50": {
|
|
112
|
-
"value": "#
|
|
112
|
+
"value": "#e36367"
|
|
113
113
|
},
|
|
114
114
|
"60": {
|
|
115
|
-
"value": "#
|
|
115
|
+
"value": "#e0484d"
|
|
116
116
|
},
|
|
117
117
|
"70": {
|
|
118
|
-
"value": "#
|
|
118
|
+
"value": "#d43a40"
|
|
119
119
|
},
|
|
120
120
|
"80": {
|
|
121
|
-
"value": "#
|
|
121
|
+
"value": "#cd2d33"
|
|
122
122
|
},
|
|
123
123
|
"90": {
|
|
124
|
-
"value": "#
|
|
124
|
+
"value": "#be2730"
|
|
125
125
|
},
|
|
126
126
|
"100": {
|
|
127
|
-
"value": "#
|
|
127
|
+
"value": "#9d2028"
|
|
128
|
+
},
|
|
129
|
+
"desaturated": {
|
|
130
|
+
"value": "#e5b3b6"
|
|
128
131
|
}
|
|
129
132
|
},
|
|
130
133
|
"orange": {
|
|
131
134
|
"10": {
|
|
132
|
-
"value": "#
|
|
135
|
+
"value": "#ffe7cc"
|
|
133
136
|
},
|
|
134
137
|
"20": {
|
|
135
|
-
"value": "#
|
|
138
|
+
"value": "#fee2c2"
|
|
136
139
|
},
|
|
137
140
|
"30": {
|
|
138
|
-
"value": "#
|
|
141
|
+
"value": "#fce0c0"
|
|
139
142
|
},
|
|
140
143
|
"40": {
|
|
141
|
-
"value": "#
|
|
144
|
+
"value": "#f5c792"
|
|
142
145
|
},
|
|
143
146
|
"50": {
|
|
144
|
-
"value": "#
|
|
147
|
+
"value": "#f49e48"
|
|
145
148
|
},
|
|
146
149
|
"60": {
|
|
147
|
-
"value": "#
|
|
150
|
+
"value": "#e5791a"
|
|
148
151
|
},
|
|
149
152
|
"70": {
|
|
150
|
-
"value": "#
|
|
153
|
+
"value": "#c94f13"
|
|
151
154
|
},
|
|
152
155
|
"80": {
|
|
153
|
-
"value": "#
|
|
156
|
+
"value": "#bf4c12"
|
|
154
157
|
},
|
|
155
158
|
"90": {
|
|
156
|
-
"value": "#
|
|
159
|
+
"value": "#b24401"
|
|
157
160
|
},
|
|
158
161
|
"100": {
|
|
159
|
-
"value": "#
|
|
162
|
+
"value": "#933901"
|
|
163
|
+
},
|
|
164
|
+
"desaturated": {
|
|
165
|
+
"value": "#ebba8e"
|
|
160
166
|
}
|
|
161
167
|
},
|
|
162
168
|
"lemon": {
|
|
163
169
|
"10": {
|
|
164
|
-
"value": "#
|
|
170
|
+
"value": "#faf1c1"
|
|
165
171
|
},
|
|
166
172
|
"20": {
|
|
167
|
-
"value": "#
|
|
173
|
+
"value": "#f9f0be"
|
|
168
174
|
},
|
|
169
175
|
"30": {
|
|
170
|
-
"value": "#
|
|
176
|
+
"value": "#f9edae"
|
|
171
177
|
},
|
|
172
178
|
"40": {
|
|
173
|
-
"value": "#
|
|
179
|
+
"value": "#f5e27f"
|
|
174
180
|
},
|
|
175
181
|
"50": {
|
|
176
|
-
"value": "#
|
|
182
|
+
"value": "#e4cb49"
|
|
177
183
|
},
|
|
178
184
|
"60": {
|
|
179
|
-
"value": "#
|
|
185
|
+
"value": "#b69e23"
|
|
180
186
|
},
|
|
181
187
|
"70": {
|
|
182
|
-
"value": "#
|
|
188
|
+
"value": "#8e7417"
|
|
183
189
|
},
|
|
184
190
|
"80": {
|
|
185
|
-
"value": "#
|
|
191
|
+
"value": "#846c15"
|
|
186
192
|
},
|
|
187
193
|
"90": {
|
|
188
|
-
"value": "#
|
|
194
|
+
"value": "#7a6310"
|
|
189
195
|
},
|
|
190
196
|
"100": {
|
|
191
|
-
"value": "#
|
|
197
|
+
"value": "#68540d"
|
|
198
|
+
},
|
|
199
|
+
"desaturated": {
|
|
200
|
+
"value": "#e4d795"
|
|
192
201
|
}
|
|
193
202
|
},
|
|
194
203
|
"melon": {
|
|
195
204
|
"10": {
|
|
196
|
-
"value": "#
|
|
205
|
+
"value": "#e3f8d8"
|
|
206
|
+
},
|
|
207
|
+
"20": {
|
|
208
|
+
"value": "#d6edca"
|
|
209
|
+
},
|
|
210
|
+
"30": {
|
|
211
|
+
"value": "#bee2ab"
|
|
212
|
+
},
|
|
213
|
+
"40": {
|
|
214
|
+
"value": "#a1d687"
|
|
215
|
+
},
|
|
216
|
+
"50": {
|
|
217
|
+
"value": "#7ab95b"
|
|
218
|
+
},
|
|
219
|
+
"60": {
|
|
220
|
+
"value": "#5da03b"
|
|
221
|
+
},
|
|
222
|
+
"70": {
|
|
223
|
+
"value": "#4b842e"
|
|
224
|
+
},
|
|
225
|
+
"80": {
|
|
226
|
+
"value": "#45792a"
|
|
227
|
+
},
|
|
228
|
+
"90": {
|
|
229
|
+
"value": "#477231"
|
|
230
|
+
},
|
|
231
|
+
"100": {
|
|
232
|
+
"value": "#3c6029"
|
|
233
|
+
},
|
|
234
|
+
"desaturated": {
|
|
235
|
+
"value": "#a9d0b2"
|
|
236
|
+
}
|
|
237
|
+
},
|
|
238
|
+
"mint": {
|
|
239
|
+
"10": {
|
|
240
|
+
"value": "#dcf2f9"
|
|
197
241
|
},
|
|
198
242
|
"20": {
|
|
199
|
-
"value": "#
|
|
243
|
+
"value": "#cfeaf2"
|
|
200
244
|
},
|
|
201
245
|
"30": {
|
|
202
|
-
"value": "#
|
|
246
|
+
"value": "#b1d9e7"
|
|
203
247
|
},
|
|
204
248
|
"40": {
|
|
205
|
-
"value": "#
|
|
249
|
+
"value": "#8ac7db"
|
|
206
250
|
},
|
|
207
251
|
"50": {
|
|
208
|
-
"value": "#
|
|
252
|
+
"value": "#59b5d4"
|
|
209
253
|
},
|
|
210
254
|
"60": {
|
|
211
|
-
"value": "#
|
|
255
|
+
"value": "#2496bc"
|
|
212
256
|
},
|
|
213
257
|
"70": {
|
|
214
|
-
"value": "#
|
|
258
|
+
"value": "#097ea5"
|
|
215
259
|
},
|
|
216
260
|
"80": {
|
|
217
|
-
"value": "#
|
|
261
|
+
"value": "#08769b"
|
|
218
262
|
},
|
|
219
263
|
"90": {
|
|
220
|
-
"value": "#
|
|
264
|
+
"value": "#017298"
|
|
221
265
|
},
|
|
222
266
|
"100": {
|
|
223
|
-
"value": "#
|
|
267
|
+
"value": "#016384"
|
|
268
|
+
},
|
|
269
|
+
"desaturated": {
|
|
270
|
+
"value": "#a2cbd8"
|
|
224
271
|
}
|
|
225
272
|
},
|
|
226
273
|
"blueberry": {
|
|
227
274
|
"10": {
|
|
228
|
-
"value": "#
|
|
275
|
+
"value": "#d7e4ff"
|
|
229
276
|
},
|
|
230
277
|
"20": {
|
|
231
|
-
"value": "#
|
|
278
|
+
"value": "#cadbfc"
|
|
232
279
|
},
|
|
233
280
|
"30": {
|
|
234
|
-
"value": "#
|
|
281
|
+
"value": "#bbd1fb"
|
|
235
282
|
},
|
|
236
283
|
"40": {
|
|
237
|
-
"value": "#
|
|
284
|
+
"value": "#8baff9"
|
|
238
285
|
},
|
|
239
286
|
"50": {
|
|
240
|
-
"value": "#
|
|
287
|
+
"value": "#6992e2"
|
|
241
288
|
},
|
|
242
289
|
"60": {
|
|
243
|
-
"value": "#
|
|
290
|
+
"value": "#5b83d2"
|
|
244
291
|
},
|
|
245
292
|
"70": {
|
|
246
|
-
"value": "#
|
|
293
|
+
"value": "#406ecb"
|
|
247
294
|
},
|
|
248
295
|
"80": {
|
|
249
|
-
"value": "#
|
|
296
|
+
"value": "#2059ca"
|
|
250
297
|
},
|
|
251
298
|
"90": {
|
|
252
|
-
"value": "#
|
|
299
|
+
"value": "#1c4daf"
|
|
253
300
|
},
|
|
254
301
|
"100": {
|
|
255
|
-
"value": "#
|
|
302
|
+
"value": "#184295"
|
|
303
|
+
},
|
|
304
|
+
"desaturated": {
|
|
305
|
+
"value": "#adc7e0"
|
|
256
306
|
}
|
|
257
307
|
},
|
|
258
308
|
"grape": {
|
|
259
309
|
"10": {
|
|
260
|
-
"value": "#
|
|
310
|
+
"value": "#dedcf9"
|
|
261
311
|
},
|
|
262
312
|
"20": {
|
|
263
|
-
"value": "#
|
|
313
|
+
"value": "#d8d8f9"
|
|
264
314
|
},
|
|
265
315
|
"30": {
|
|
266
|
-
"value": "#
|
|
316
|
+
"value": "#cfcff7"
|
|
267
317
|
},
|
|
268
318
|
"40": {
|
|
269
|
-
"value": "#
|
|
319
|
+
"value": "#a2a3f0"
|
|
270
320
|
},
|
|
271
321
|
"50": {
|
|
272
|
-
"value": "#
|
|
322
|
+
"value": "#8e81e4"
|
|
273
323
|
},
|
|
274
324
|
"60": {
|
|
275
|
-
"value": "#
|
|
325
|
+
"value": "#846ce0"
|
|
276
326
|
},
|
|
277
327
|
"70": {
|
|
278
|
-
"value": "#
|
|
328
|
+
"value": "#7256db"
|
|
279
329
|
},
|
|
280
330
|
"80": {
|
|
281
|
-
"value": "#
|
|
331
|
+
"value": "#5e3ed6"
|
|
282
332
|
},
|
|
283
333
|
"90": {
|
|
284
|
-
"value": "#
|
|
334
|
+
"value": "#4a3ab6"
|
|
335
|
+
},
|
|
336
|
+
"100": {
|
|
337
|
+
"value": "#3f319b"
|
|
338
|
+
},
|
|
339
|
+
"desaturated": {
|
|
340
|
+
"value": "#bdbbdd"
|
|
341
|
+
}
|
|
342
|
+
},
|
|
343
|
+
"dragonfruit": {
|
|
344
|
+
"10": {
|
|
345
|
+
"value": "#ffe1f3"
|
|
346
|
+
},
|
|
347
|
+
"20": {
|
|
348
|
+
"value": "#f6d5f3"
|
|
349
|
+
},
|
|
350
|
+
"30": {
|
|
351
|
+
"value": "#e6bce2"
|
|
352
|
+
},
|
|
353
|
+
"40": {
|
|
354
|
+
"value": "#d897d1"
|
|
355
|
+
},
|
|
356
|
+
"50": {
|
|
357
|
+
"value": "#ca72c1"
|
|
358
|
+
},
|
|
359
|
+
"60": {
|
|
360
|
+
"value": "#c464ba"
|
|
361
|
+
},
|
|
362
|
+
"70": {
|
|
363
|
+
"value": "#ba4aab"
|
|
364
|
+
},
|
|
365
|
+
"80": {
|
|
366
|
+
"value": "#af4ba8"
|
|
367
|
+
},
|
|
368
|
+
"90": {
|
|
369
|
+
"value": "#a3439d"
|
|
370
|
+
},
|
|
371
|
+
"100": {
|
|
372
|
+
"value": "#8d3a88"
|
|
373
|
+
},
|
|
374
|
+
"desaturated": {
|
|
375
|
+
"value": "#e8c9dd"
|
|
376
|
+
}
|
|
377
|
+
},
|
|
378
|
+
"truffle": {
|
|
379
|
+
"10": {
|
|
380
|
+
"value": "#ecefee"
|
|
381
|
+
},
|
|
382
|
+
"20": {
|
|
383
|
+
"value": "#dbe1df"
|
|
384
|
+
},
|
|
385
|
+
"30": {
|
|
386
|
+
"value": "#c5cecb"
|
|
387
|
+
},
|
|
388
|
+
"40": {
|
|
389
|
+
"value": "#aab6b2"
|
|
390
|
+
},
|
|
391
|
+
"50": {
|
|
392
|
+
"value": "#839590"
|
|
393
|
+
},
|
|
394
|
+
"60": {
|
|
395
|
+
"value": "#6c7f79"
|
|
396
|
+
},
|
|
397
|
+
"70": {
|
|
398
|
+
"value": "#60716c"
|
|
399
|
+
},
|
|
400
|
+
"80": {
|
|
401
|
+
"value": "#50625d"
|
|
402
|
+
},
|
|
403
|
+
"90": {
|
|
404
|
+
"value": "#46534f"
|
|
285
405
|
},
|
|
286
406
|
"100": {
|
|
287
|
-
"value": "#
|
|
407
|
+
"value": "#38423f"
|
|
408
|
+
},
|
|
409
|
+
"desaturated": {
|
|
410
|
+
"value": "#c4cac8"
|
|
288
411
|
}
|
|
289
412
|
},
|
|
290
413
|
"white": {
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@muraldevkit/ds-foundation","version":"1.
|
|
1
|
+
{"name":"@muraldevkit/ds-foundation","version":"1.5.0","description":"Mural's design system's Foundation package containing our design language features used across all components","license":"https://www.mural.co/terms/developer-addendum","scripts":{"copy":"npm run copy:json","copy:json":"cpy src/tokens/*.json dist/tokens/ --flat","build:minify":"npm run build:fonts:min && npm run build:foundation:min","build:transpile":"npm run build:fonts && npm run build:foundation","build:foundation":"sass src/styles/index.scss dist/foundation.css","build:foundation:min":"sass src/styles/index.scss dist/foundation.min.css --style compressed","build:fonts":"sass src/styles/fonts.scss dist/fonts.css","build:fonts:min":"sass src/styles/fonts.scss dist/fonts.min.css --style compressed","build:tokens":"style-dictionary build --config ../../node_modules/@muraldevkit/ds-utilities/lib/configs/style-dictionary.json","build:styles":"npm run build:transpile && npm run build:minify","build":"npm run clean && npm run build:tokens && npm run build:styles","postbuild":"npm run copy","clean":"rimraf dist && rimraf src/styles/_global.scss","watch":"sass src/styles/index.scss dist/foundation.css --watch","release":"npx semantic-release"},"files":["dist/","src/styles/","assets/fonts"],"publishConfig":{"access":"public"},"packageConfig":{"status":"integration-ready"},"devDependencies":{"@muraldevkit/ds-semrel-config":"1.0.0","@muraldevkit/ds-semrel-manager":"1.0.0","@muraldevkit/ds-semrel-stencil-exports":"1.0.1","@muraldevkit/ds-utilities":"1.0.5","cpy-cli":"4.2.0","rimraf":"3.0.2","sass":"1.62.1","semantic-release-monorepo":"7.0.5","style-dictionary":"3.7.2"},"release":{"extends":["semantic-release-monorepo","./config/release.config"]},"nx":{"targets":{"build":{"dependsOn":["^build"]},"inputs":["{projectRoot}/src/**/*"],"outputs":["{projectRoot}/dist"]}}}
|
|
@@ -42,6 +42,10 @@ $mrl-contextual-border-unique: (
|
|
|
42
42
|
|
|
43
43
|
:root {
|
|
44
44
|
// Border Width
|
|
45
|
+
// We don't have a global variable for 1px width, so fine must be hard coded:
|
|
46
|
+
--mrl-line-width-border-fine: 1px;
|
|
47
|
+
|
|
48
|
+
// Map over tokens/values for remaining border widths:
|
|
45
49
|
@each $token-name, $token-value in $mrl-contextual-border-width-vars {
|
|
46
50
|
--mrl-line-width-#{$token-name}: var(--mrl-stroke-#{$token-value});
|
|
47
51
|
}
|
|
@@ -5,16 +5,16 @@
|
|
|
5
5
|
|
|
6
6
|
$mrl-global-color-vars: (
|
|
7
7
|
/* Gray */
|
|
8
|
-
"gray-10": "250, 250, 250", // #fafafa
|
|
9
|
-
"gray-20": "238, 238, 238", // #eeeeee
|
|
10
|
-
"gray-30": "222, 222, 222", // #dedede
|
|
11
|
-
"gray-40": "187, 187, 187", // #bbbbbb
|
|
12
|
-
"gray-50": "158, 158, 158", // #9e9e9e
|
|
13
|
-
"gray-60": "145, 145, 145", // #919191
|
|
14
|
-
"gray-70": "115, 115, 115", // #737373
|
|
15
|
-
"gray-80": "78, 78, 78", // #4e4e4e
|
|
16
|
-
"gray-90": "47, 47, 47", // #2f2f2f
|
|
17
|
-
"gray-100": "31, 31, 31", // #1f1f1f
|
|
8
|
+
"gray-10": "250, 250, 250", // #fafafa
|
|
9
|
+
"gray-20": "238, 238, 238", // #eeeeee
|
|
10
|
+
"gray-30": "222, 222, 222", // #dedede
|
|
11
|
+
"gray-40": "187, 187, 187", // #bbbbbb
|
|
12
|
+
"gray-50": "158, 158, 158", // #9e9e9e
|
|
13
|
+
"gray-60": "145, 145, 145", // #919191
|
|
14
|
+
"gray-70": "115, 115, 115", // #737373
|
|
15
|
+
"gray-80": "78, 78, 78", // #4e4e4e
|
|
16
|
+
"gray-90": "47, 47, 47", // #2f2f2f
|
|
17
|
+
"gray-100": "31, 31, 31", // #1f1f1f
|
|
18
18
|
/* Blue */
|
|
19
19
|
"blue-10": "245, 250, 255", // #f5faff
|
|
20
20
|
"blue-20": "230, 244, 254", // #e6f4fe
|
|
@@ -27,96 +27,138 @@ $mrl-global-color-vars: (
|
|
|
27
27
|
"blue-90": "42, 86, 176", // #2a56b0
|
|
28
28
|
"blue-100": "30, 61, 125", // #1e3d7d
|
|
29
29
|
/* Coral */
|
|
30
|
-
"coral-10": "255, 230, 239", // #ffe6ef
|
|
31
|
-
"coral-20": "254, 204, 223", // #feccdf
|
|
32
|
-
"coral-30": "254, 154, 191", // #fe9abf
|
|
33
|
-
"coral-40": "253, 103, 160", // #fd67a0
|
|
34
|
-
"coral-50": "253, 53, 129", // #fd3581
|
|
35
|
-
"coral-60": "255, 0, 102", // #ff0066
|
|
36
|
-
"coral-70": "232, 0, 90", // #e8005a
|
|
37
|
-
"coral-80": "214, 0, 87", // #d60057
|
|
38
|
-
"coral-90": "192, 3, 77", // #c0034d
|
|
39
|
-
"coral-100": "163, 0, 63", // #a3003f
|
|
30
|
+
"coral-10": "255, 230, 239", // #ffe6ef
|
|
31
|
+
"coral-20": "254, 204, 223", // #feccdf
|
|
32
|
+
"coral-30": "254, 154, 191", // #fe9abf
|
|
33
|
+
"coral-40": "253, 103, 160", // #fd67a0
|
|
34
|
+
"coral-50": "253, 53, 129", // #fd3581
|
|
35
|
+
"coral-60": "255, 0, 102", // #ff0066
|
|
36
|
+
"coral-70": "232, 0, 90", // #e8005a
|
|
37
|
+
"coral-80": "214, 0, 87", // #d60057
|
|
38
|
+
"coral-90": "192, 3, 77", // #c0034d
|
|
39
|
+
"coral-100": "163, 0, 63", // #a3003f
|
|
40
40
|
/* Red */
|
|
41
|
-
"red-10": "255, 245, 245", // #fff5f5
|
|
42
|
-
"red-20": "255, 229, 229", // #ffe5e5
|
|
43
|
-
"red-30": "255, 204, 204", // #ffcccc
|
|
44
|
-
"red-40": "255, 179, 179", // #ffb3b3
|
|
45
|
-
"red-50": "255, 128, 128", // #ff8080
|
|
46
|
-
"red-60": "255, 75, 75", // #ff4b4b
|
|
47
|
-
"red-70": "224, 41, 53", // #e02935
|
|
48
|
-
"red-80": "179, 33, 42", // #b3212a
|
|
49
|
-
"red-90": "140, 26, 33", // #8c1a21
|
|
50
|
-
"red-100": "115, 21, 27", // #73151b
|
|
41
|
+
"red-10": "255, 245, 245", // #fff5f5
|
|
42
|
+
"red-20": "255, 229, 229", // #ffe5e5
|
|
43
|
+
"red-30": "255, 204, 204", // #ffcccc
|
|
44
|
+
"red-40": "255, 179, 179", // #ffb3b3
|
|
45
|
+
"red-50": "255, 128, 128", // #ff8080
|
|
46
|
+
"red-60": "255, 75, 75", // #ff4b4b
|
|
47
|
+
"red-70": "224, 41, 53", // #e02935
|
|
48
|
+
"red-80": "179, 33, 42", // #b3212a
|
|
49
|
+
"red-90": "140, 26, 33", // #8c1a21
|
|
50
|
+
"red-100": "115, 21, 27", // #73151b
|
|
51
51
|
/* Tomato */
|
|
52
|
-
"tomato-10": "
|
|
53
|
-
"tomato-20": "
|
|
54
|
-
"tomato-30": "
|
|
55
|
-
"tomato-40": "
|
|
56
|
-
"tomato-50": "
|
|
57
|
-
"tomato-60": "
|
|
58
|
-
"tomato-70": "
|
|
59
|
-
"tomato-80": "
|
|
60
|
-
"tomato-90": "
|
|
61
|
-
"tomato-100": "
|
|
52
|
+
"tomato-10": "251, 224, 223", // #fbe0df
|
|
53
|
+
"tomato-20": "253, 216, 216", // #fdd8d8
|
|
54
|
+
"tomato-30": "246, 193, 194", // #f6c1c2
|
|
55
|
+
"tomato-40": "240, 148, 151", // #f09497
|
|
56
|
+
"tomato-50": "227, 99, 103", // #e36367
|
|
57
|
+
"tomato-60": "224, 72, 77", // #e0484d
|
|
58
|
+
"tomato-70": "212, 58, 64", // #d43a40
|
|
59
|
+
"tomato-80": "205, 45, 51", // #cd2d33
|
|
60
|
+
"tomato-90": "190, 39, 48", // #be2730
|
|
61
|
+
"tomato-100": "157, 32, 40", // #9d2028
|
|
62
|
+
"tomato-desaturated": "229, 179, 182", // #e5b3b6
|
|
62
63
|
/* Orange */
|
|
63
|
-
"orange-10": "
|
|
64
|
-
"orange-20": "
|
|
65
|
-
"orange-30": "
|
|
66
|
-
"orange-40": "
|
|
67
|
-
"orange-50": "
|
|
68
|
-
"orange-60": "
|
|
69
|
-
"orange-70": "
|
|
70
|
-
"orange-80": "
|
|
71
|
-
"orange-90": "
|
|
72
|
-
"orange-100": "
|
|
64
|
+
"orange-10": "255, 231, 204", // #ffe7cc
|
|
65
|
+
"orange-20": "254, 226, 194", // #fee2c2
|
|
66
|
+
"orange-30": "252, 218, 192", // #fce0c0
|
|
67
|
+
"orange-40": "245, 199, 146", // #f5c792
|
|
68
|
+
"orange-50": "244, 158, 72", // #f49e48
|
|
69
|
+
"orange-60": "229, 121, 26", // #e5791a
|
|
70
|
+
"orange-70": "201, 79, 19", // #c94f13
|
|
71
|
+
"orange-80": "191, 76, 18", // #bf4c12
|
|
72
|
+
"orange-90": "178, 68, 1", // #b24401
|
|
73
|
+
"orange-100": "147, 57, 1", // #933901
|
|
74
|
+
"orange-desaturated": "235, 186, 142", // #ebba8e
|
|
73
75
|
/* Lemon */
|
|
74
|
-
"lemon-10": "
|
|
75
|
-
"lemon-20": "
|
|
76
|
-
"lemon-30": "
|
|
77
|
-
"lemon-40": "
|
|
78
|
-
"lemon-50": "
|
|
79
|
-
"lemon-60": "
|
|
80
|
-
"lemon-70": "
|
|
81
|
-
"lemon-80": "
|
|
82
|
-
"lemon-90": "
|
|
83
|
-
"lemon-100": "
|
|
76
|
+
"lemon-10": "250, 241, 193", // #faf1c1
|
|
77
|
+
"lemon-20": "249, 240, 190", // #f9f0be
|
|
78
|
+
"lemon-30": "249, 237, 174", // #f9edae
|
|
79
|
+
"lemon-40": "245, 226, 127", // #f5e27f
|
|
80
|
+
"lemon-50": "228, 203, 73", // #e4cb49
|
|
81
|
+
"lemon-60": "182, 158, 35", // #b69e23
|
|
82
|
+
"lemon-70": "142, 116, 23", // #8e7417
|
|
83
|
+
"lemon-80": "132, 108, 21", // #846c15
|
|
84
|
+
"lemon-90": "122, 99, 16", // #7a6310
|
|
85
|
+
"lemon-100": "104, 84, 13", // #68540d
|
|
86
|
+
"lemon-desaturated": "228, 215, 149", // #e4d795
|
|
84
87
|
/* Melon */
|
|
85
|
-
"melon-10": "
|
|
86
|
-
"melon-20": "
|
|
87
|
-
"melon-30": "
|
|
88
|
-
"melon-40": "
|
|
89
|
-
"melon-50": "
|
|
90
|
-
"melon-60": "
|
|
91
|
-
"melon-70": "
|
|
92
|
-
"melon-80": "
|
|
93
|
-
"melon-90": "
|
|
94
|
-
"melon-100": "
|
|
88
|
+
"melon-10": "227, 248, 216", // #e3f8d8
|
|
89
|
+
"melon-20": "214, 237, 202", // #d6edca
|
|
90
|
+
"melon-30": "190, 226, 171", // #bee2ab
|
|
91
|
+
"melon-40": "161, 214, 135", // #a1d687
|
|
92
|
+
"melon-50": "122, 185, 91", // #7ab95b
|
|
93
|
+
"melon-60": "93, 160, 59", // #5da03b
|
|
94
|
+
"melon-70": "75, 132, 46", // #4b842e
|
|
95
|
+
"melon-80": "69, 121, 42", // #45792a
|
|
96
|
+
"melon-90": "71, 114, 49", // #477231
|
|
97
|
+
"melon-100": "60, 96, 41", // #3c6029
|
|
98
|
+
"melon-desaturated": "169, 208, 178", // #a9d0b2
|
|
99
|
+
/* Mint */
|
|
100
|
+
"mint-10": "220, 242, 249", // #dcf2f9
|
|
101
|
+
"mint-20": "207, 234, 242", // #cfeaf2
|
|
102
|
+
"mint-30": "177, 217, 231", // #b1d9e7
|
|
103
|
+
"mint-40": "138, 199, 219", // #8ac7db
|
|
104
|
+
"mint-50": "89, 181, 212", // #59b5d4
|
|
105
|
+
"mint-60": "36, 150, 188", // #2496bc
|
|
106
|
+
"mint-70": "9, 126, 165", // #097ea5
|
|
107
|
+
"mint-80": "8, 118, 155", // #08769b
|
|
108
|
+
"mint-90": "1, 114, 152", // #017298
|
|
109
|
+
"mint-100": "1, 99, 132", // #016384
|
|
110
|
+
"mint-desaturated": "162, 203, 216", // #a2cbd8
|
|
95
111
|
/* Blueberry */
|
|
96
|
-
"blueberry-10": "
|
|
97
|
-
"blueberry-20": "
|
|
98
|
-
"blueberry-30": "
|
|
99
|
-
"blueberry-40": "
|
|
100
|
-
"blueberry-50": "
|
|
101
|
-
"blueberry-60": "
|
|
102
|
-
"blueberry-70": "
|
|
103
|
-
"blueberry-80": "
|
|
104
|
-
"blueberry-90": "
|
|
105
|
-
"blueberry-100": "
|
|
112
|
+
"blueberry-10": "215, 228, 255", // #d7e4ff
|
|
113
|
+
"blueberry-20": "202, 219, 252", // #cadbfc
|
|
114
|
+
"blueberry-30": "187, 209, 251", // #bbd1fb
|
|
115
|
+
"blueberry-40": "139, 175, 249", // #8baff9
|
|
116
|
+
"blueberry-50": "105, 146, 226", // #6992e2
|
|
117
|
+
"blueberry-60": "91, 131, 210", // #5b83d2
|
|
118
|
+
"blueberry-70": "64, 110, 203", // #406ecb
|
|
119
|
+
"blueberry-80": "32, 89, 202", // #2059ca
|
|
120
|
+
"blueberry-90": "28, 77, 175", // #1c4daf
|
|
121
|
+
"blueberry-100": "24, 66, 149", // #184295
|
|
122
|
+
"blueberry-desaturated": "173, 199, 224", // #adc7e0
|
|
106
123
|
/* Grape */
|
|
107
|
-
"grape-10": "
|
|
108
|
-
"grape-20": "
|
|
109
|
-
"grape-30": "
|
|
110
|
-
"grape-40": "
|
|
111
|
-
"grape-50": "
|
|
112
|
-
"grape-60": "
|
|
113
|
-
"grape-70": "
|
|
114
|
-
"grape-80": "
|
|
115
|
-
"grape-90": "
|
|
116
|
-
"grape-100": "
|
|
124
|
+
"grape-10": "222, 220, 249", // #dedcf9
|
|
125
|
+
"grape-20": "216, 216, 249", // #d8d8f9
|
|
126
|
+
"grape-30": "207, 207, 247", // #cfcff7
|
|
127
|
+
"grape-40": "162, 163, 240", // #a2a3f0
|
|
128
|
+
"grape-50": "142, 129, 228", // #8e81e4
|
|
129
|
+
"grape-60": "132, 108, 224", // #846ce0
|
|
130
|
+
"grape-70": "114, 86, 219", // #7256db
|
|
131
|
+
"grape-80": "94, 62, 214", // #5e3ed6
|
|
132
|
+
"grape-90": "74, 58, 182", // #4a3ab6
|
|
133
|
+
"grape-100": "63, 49, 155", // #3f319b
|
|
134
|
+
"grape-desaturated": "189, 187, 221", // #bdbbdd
|
|
135
|
+
/* Dragonfruit */
|
|
136
|
+
"dragonfruit-10": "255, 225, 243", // #ffe1f3
|
|
137
|
+
"dragonfruit-20": "246, 213, 243", // #f6d5f3
|
|
138
|
+
"dragonfruit-30": "230, 188, 226", // #e6bce2
|
|
139
|
+
"dragonfruit-40": "216, 151, 209", // #d897d1
|
|
140
|
+
"dragonfruit-50": "202, 114, 193", // #ca72c1
|
|
141
|
+
"dragonfruit-60": "196, 100, 186", // #c464ba
|
|
142
|
+
"dragonfruit-70": "186, 74, 171", // #ba4aab
|
|
143
|
+
"dragonfruit-80": "175, 75, 168", // #af4ba8
|
|
144
|
+
"dragonfruit-90": "163, 67, 157", // #a3439d
|
|
145
|
+
"dragonfruit-100": "141, 58, 136", // #8d3a88
|
|
146
|
+
"dragonfruit-desaturated": "232, 201, 221", // #e8c9dd
|
|
147
|
+
/* Truffle */
|
|
148
|
+
"truffle-10": "236, 239, 238", // #ecefee
|
|
149
|
+
"truffle-20": "219, 225, 223", // #dbe1df
|
|
150
|
+
"truffle-30": "197, 206, 203", // #c5cecb
|
|
151
|
+
"truffle-40": "170, 182, 178", // #aab6b2
|
|
152
|
+
"truffle-50": "131, 149, 144", // #839590
|
|
153
|
+
"truffle-60": "108, 127, 121", // #6c7f79
|
|
154
|
+
"truffle-70": "96, 113, 108", // #60716c
|
|
155
|
+
"truffle-80": "80, 98, 93", // #50625d
|
|
156
|
+
"truffle-90": "70, 83, 79", // #46534f
|
|
157
|
+
"truffle-100": "56, 66, 63", // #38423f
|
|
158
|
+
"truffle-desaturated": "196, 202, 200", // #c4cac8
|
|
117
159
|
/* Pure colors */
|
|
118
|
-
"white": "255, 255, 255", // #ffffff
|
|
119
|
-
"black": "0, 0, 0", // #000000
|
|
160
|
+
"white": "255, 255, 255", // #ffffff
|
|
161
|
+
"black": "0, 0, 0", // #000000
|
|
120
162
|
/* Status colors */
|
|
121
163
|
"status-info": "49, 99, 201", // #3163c9
|
|
122
164
|
"status-success": "0, 132, 63", // #00843f
|