mod-base 1.0.10 → 1.0.11

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.
Files changed (3) hide show
  1. package/CHANGELOG.md +5 -0
  2. package/package.json +1 -1
  3. package/src/styles/base/_colors.scss +133 -9
package/CHANGELOG.md CHANGED
@@ -1,6 +1,11 @@
1
1
  # Changelog
2
2
 
3
+ ## 1.0.11
4
+
5
+ - Adding the new Modernize brand colors
6
+
3
7
  ## 1.0.10
8
+
4
9
  - Can't define font-family as properties are being merged together during the build process & is not syncing correctly
5
10
 
6
11
  ## 1.0.9
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mod-base",
3
- "version": "1.0.10",
3
+ "version": "1.0.11",
4
4
  "description": "Base Styles for S3 Sites",
5
5
  "author": "",
6
6
  "license": "ISC"
package/src/styles/base/_colors.scss CHANGED
@@ -6,7 +6,7 @@
6
6
  $color-white: #FFF;
7
7
  $color-black: #000;
8
8
 
9
- // Red
9
+ // "Old" Modernize Brand Colors
10
10
  $color-red1: #FAE2DD;
11
11
  $color-red2: #F6C6BC;
12
12
  $color-red3: #F1A99A;
@@ -17,7 +17,6 @@ $color-red7: #8B4334;
17
17
  $color-red8: #5D2D23;
18
18
  $color-red9: #2E1611;
19
19
 
20
- // Orange
21
20
  $color-orange1: #FDE9D1;
22
21
  $color-orange2: #FBD3A4;
23
22
  $color-orange3: #F9BE77;
@@ -28,7 +27,6 @@ $color-orange7: #935811;
28
27
  $color-orange8: #623A0B;
29
28
  $color-orange9: #311D05;
30
29
 
31
- // Yellow
32
30
  $color-yellow1: #FEF2DB;
33
31
  $color-yellow2: #FEE6B7;
34
32
  $color-yellow3: #FED993;
@@ -39,7 +37,6 @@ $color-yellow7: #98732D;
39
37
  $color-yellow8: #654D1E;
40
38
  $color-yellow9: #32260F;
41
39
 
42
- // Green
43
40
  $color-green1: #ECF1DD;
44
41
  $color-green2: #D9E4BB;
45
42
  $color-green3: #C6D69A;
@@ -50,7 +47,6 @@ $color-green7: #607034;
50
47
  $color-green8: #404B22;
51
48
  $color-green9: #202511;
52
49
 
53
- // Blue
54
50
  $color-blue1: #E2F0F2;
55
51
  $color-blue2: #C5E2E6;
56
52
  $color-blue3: #A8D3DA;
@@ -61,7 +57,6 @@ $color-blue7: #426D74;
61
57
  $color-blue8: #2C494D;
62
58
  $color-blue9: #162426;
63
59
 
64
- // Purple
65
60
  $color-purple1: #EEEDF7;
66
61
  $color-purple2: #DDDBEF;
67
62
  $color-purple3: #CCCAE7;
@@ -72,7 +67,6 @@ $color-purple7: #666481;
72
67
  $color-purple8: #444256;
73
68
  $color-purple9: #22212B;
74
69
 
75
- // Charcoal
76
70
  $color-charcoal1: #DCDCDC;
77
71
  $color-charcoal2: #BAB9BA;
78
72
  $color-charcoal3: #989797;
@@ -83,7 +77,6 @@ $color-charcoal7: #323131;
83
77
  $color-charcoal8: #212021;
84
78
  $color-charcoal9: #101010;
85
79
 
86
- // Ivory
87
80
  $color-ivory1: #FDFDFC;
88
81
  $color-ivory2: #FBFBF9;
89
82
  $color-ivory3: #F9F9F6;
@@ -94,7 +87,7 @@ $color-ivory7: #939390;
94
87
  $color-ivory8: #626260;
95
88
  $color-ivory9: #313130;
96
89
 
97
- // Accessible Colors
90
+ // Default Accessible Colors
98
91
  $color-a11y-blue: #3678BA;
99
92
  $color-a11y-blue-hover: #2B6094;
100
93
  $color-a11y-dark-blue: #1F3970;
@@ -105,3 +98,134 @@ $color-a11y-light-red: #FCF6F3;
105
98
 
106
99
  $color-a11y-default-button: #CF3E00;
107
100
  $color-a11y-default-button-hover: #7b2500;
101
+
102
+ // New Modernize Brand Colors
103
+ $color-dark-purple-100: #D7D3DD;
104
+ $color-dark-purple-200: #AEA6BC;
105
+ $color-dark-purple-300: #867A9A;
106
+ $color-dark-purple-400: #5D4D79;
107
+ $color-dark-purple-500: #352157;
108
+ $color-dark-purple-600: #2A1A46;
109
+ $color-dark-purple-700: #201434;
110
+ $color-dark-purple-800: #150D23;
111
+ $color-dark-purple-900: #0B0711;
112
+
113
+ $color-medium-purple-100: #DFD7EB;
114
+ $color-medium-purple-200: #BEB0D7;
115
+ $color-medium-purple-300: #9E88C2;
116
+ $color-medium-purple-400: #7D61AE;
117
+ $color-medium-purple-500: #5D399A;
118
+ $color-medium-purple-600: #4A2E7B;
119
+ $color-medium-purple-700: #38225C;
120
+ $color-medium-purple-800: #25173E;
121
+ $color-medium-purple-900: #130B1F;
122
+
123
+ $color-electric-purple-100: #E9D0FD;
124
+ $color-electric-purple-200: #D4A1FB;
125
+ $color-electric-purple-300: #BE73FA;
126
+ $color-electric-purple-400: #A944F8;
127
+ $color-electric-purple-500: #9315F6;
128
+ $color-electric-purple-600: #7611C5;
129
+ $color-electric-purple-700: #580D94;
130
+ $color-electric-purple-800: #3B0862;
131
+ $color-electric-purple-900: #1D0431;
132
+
133
+ $color-lavender-100: #FBFAFF;
134
+ $color-lavender-200: #EFECFF;
135
+ $color-lavender-300: #DFDBF7;
136
+ $color-lavender-400: #CCC6F0;
137
+ $color-lavender-500: #B9B1E7;
138
+ $color-lavender-600: #948EB9;
139
+ $color-lavender-700: #6F6A8B;
140
+ $color-lavender-800: #4A475C;
141
+ $color-lavender-900: #25232E;
142
+
143
+ $color-electric-green-100: #F4FEF0;
144
+ $color-electric-green-200: #E9FEE1;
145
+ $color-electric-green-300: #DFFDD3;
146
+ $color-electric-green-400: #D4FDC4;
147
+ $color-electric-green-500: #C9FCB5;
148
+ $color-electric-green-600: #A1CA91;
149
+ $color-electric-green-700: #79976D;
150
+ $color-electric-green-800: #506548;
151
+ $color-electric-green-900: #283224;
152
+
153
+ $color-sea-foam-green-100: #E4F4E9;
154
+ $color-sea-foam-green-200: #CAE9D2;
155
+ $color-sea-foam-green-300: #AFDFBC;
156
+ $color-sea-foam-green-400: #95D4A5;
157
+ $color-sea-foam-green-500: #7AC98F;
158
+ $color-sea-foam-green-600: #62A172;
159
+ $color-sea-foam-green-700: #497956;
160
+ $color-sea-foam-green-800: #315039;
161
+ $color-sea-foam-green-900: #18281D;
162
+
163
+ $color-teal-100: #CCEFEE;
164
+ $color-teal-200: #99DEDD;
165
+ $color-teal-300: #66CECB;
166
+ $color-teal-400: #33BDBA;
167
+ $color-teal-500: #00ADA9;
168
+ $color-teal-600: #008A87;
169
+ $color-teal-700: #006865;
170
+ $color-teal-800: #004544;
171
+ $color-teal-900: #002322;
172
+
173
+ $color-royal-blue-100: #CDDCEB;
174
+ $color-royal-blue-200: #9CB9D8;
175
+ $color-royal-blue-300: #6A96C4;
176
+ $color-royal-blue-400: #3973B1;
177
+ $color-royal-blue-500: #07509D;
178
+ $color-royal-blue-600: #06407E;
179
+ $color-royal-blue-700: #04305E;
180
+ $color-royal-blue-800: #03203F;
181
+ $color-royal-blue-900: #01101F;
182
+
183
+ $color-red-100: #F6D5D7;
184
+ $color-red-200: #EDACAF;
185
+ $color-red-300: #E58287;
186
+ $color-red-400: #DC595F;
187
+ $color-red-500: #D32F37;
188
+ $color-red-600: #A9262C;
189
+ $color-red-700: #7F1C21;
190
+ $color-red-800: #541316;
191
+ $color-red-900: #2A090B;
192
+
193
+ $color-orange-100: #FCE9D1;
194
+ $color-orange-200: #F8D3A3;
195
+ $color-orange-300: #F5BD76;
196
+ $color-orange-400: #F1A748;
197
+ $color-orange-500: #EE911A;
198
+ $color-orange-600: #BE7415;
199
+ $color-orange-700: #8F5710;
200
+ $color-orange-800: #5F3A0A;
201
+ $color-orange-900: #301D05;
202
+
203
+ $color-salmon-100: #FDE2DE;
204
+ $color-salmon-200: #FAC5BD;
205
+ $color-salmon-300: #F8A79D;
206
+ $color-salmon-400: #F58A7C;
207
+ $color-salmon-500: #F36D5B;
208
+ $color-salmon-600: #C25749;
209
+ $color-salmon-700: #924137;
210
+ $color-salmon-800: #612C24;
211
+ $color-salmon-900: #311612;
212
+
213
+ $color-yellow-100: #FFF7D4;
214
+ $color-yellow-200: #FFEFA9;
215
+ $color-yellow-300: #FFE87D;
216
+ $color-yellow-400: #FFE052;
217
+ $color-yellow-500: #FFD827;
218
+ $color-yellow-600: #CCAD1F;
219
+ $color-yellow-700: #998217;
220
+ $color-yellow-800: #665610;
221
+ $color-yellow-900: #332B08;
222
+
223
+ $color-grey-100: #F1F1F1;
224
+ $color-grey-200: #E3E3E3;
225
+ $color-grey-300: #D4D4D4;
226
+ $color-grey-400: #C6C6C6;
227
+ $color-grey-500: #B8B8B8;
228
+ $color-grey-600: #939393;
229
+ $color-grey-700: #6E6E6E;
230
+ $color-grey-800: #4A4A4A;
231
+ $color-grey-900: #252525;