@rileybathurst/paddle 1.3.6 → 1.3.7
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/package.json +1 -1
- package/src/styles/buttons.css +11 -6
- package/src/styles/typography.css +26 -2
package/package.json
CHANGED
package/src/styles/buttons.css
CHANGED
|
@@ -2,6 +2,8 @@
|
|
|
2
2
|
/* #BUTTONS */
|
|
3
3
|
/*------------------------------------*/
|
|
4
4
|
|
|
5
|
+
/* TODO: combine select into these for the colors */
|
|
6
|
+
|
|
5
7
|
button,
|
|
6
8
|
.button,
|
|
7
9
|
.book-now {
|
|
@@ -136,8 +138,8 @@ button:active {
|
|
|
136
138
|
color: var(--neutral-100);
|
|
137
139
|
}
|
|
138
140
|
|
|
139
|
-
@media (prefers-color-scheme: dark) {
|
|
140
|
-
}
|
|
141
|
+
/* @media (prefers-color-scheme: dark) {
|
|
142
|
+
} */
|
|
141
143
|
|
|
142
144
|
.book-now:hover,
|
|
143
145
|
.book-now__hover {
|
|
@@ -161,7 +163,8 @@ button:active {
|
|
|
161
163
|
|
|
162
164
|
.south-tahoe {
|
|
163
165
|
button,
|
|
164
|
-
.button
|
|
166
|
+
.button,
|
|
167
|
+
select {
|
|
165
168
|
background-color: var(--lake-200);
|
|
166
169
|
border-color: var(--lake-100);
|
|
167
170
|
color: var(--cloud-color);
|
|
@@ -169,7 +172,8 @@ button:active {
|
|
|
169
172
|
|
|
170
173
|
@media (prefers-color-scheme: dark) {
|
|
171
174
|
button,
|
|
172
|
-
.button
|
|
175
|
+
.button,
|
|
176
|
+
select {
|
|
173
177
|
background-color: var(--lake-600);
|
|
174
178
|
border-color: var(--lake-700);
|
|
175
179
|
color: var(--lake-100);
|
|
@@ -178,13 +182,14 @@ button:active {
|
|
|
178
182
|
|
|
179
183
|
button:hover,
|
|
180
184
|
.button__hover,
|
|
181
|
-
.button:hover
|
|
185
|
+
.button:hover,
|
|
186
|
+
select:hover {
|
|
182
187
|
background-color: var(--lake-400);
|
|
183
188
|
border-color: var(--lake-400);
|
|
184
189
|
color: var(--lake-700);
|
|
185
190
|
}
|
|
186
191
|
|
|
187
|
-
.button__active {
|
|
192
|
+
.button__active select:active {
|
|
188
193
|
background-color: var(--lake-400);
|
|
189
194
|
border-color: var(--lake-500);
|
|
190
195
|
/* this goes passed the 400 / 500 dark light split Im not sure if I want to change it */
|
|
@@ -200,6 +200,7 @@ hgroup {
|
|
|
200
200
|
|
|
201
201
|
/*------------------------------------*/
|
|
202
202
|
|
|
203
|
+
/* mostly taken from buttons */
|
|
203
204
|
select {
|
|
204
205
|
font-size: var(--vinson);
|
|
205
206
|
font-family: var(--body_font);
|
|
@@ -208,16 +209,39 @@ select {
|
|
|
208
209
|
cursor: inherit;
|
|
209
210
|
line-height: inherit;
|
|
210
211
|
padding: var(--kosciuszko);
|
|
211
|
-
|
|
212
|
+
box-shadow: var(--penumbra);
|
|
212
213
|
background-color: var(--neutral-200);
|
|
214
|
+
border: 1px solid var(--neutral-100);
|
|
213
215
|
|
|
214
216
|
@media (prefers-color-scheme: dark) {
|
|
215
|
-
border-color: var(--neutral-700);
|
|
216
217
|
background-color: var(--neutral-600);
|
|
218
|
+
border-color: var(--neutral-500);
|
|
219
|
+
color: var(--neutral-100);
|
|
220
|
+
}
|
|
221
|
+
}
|
|
222
|
+
|
|
223
|
+
select:hover,
|
|
224
|
+
.select:hover {
|
|
225
|
+
box-shadow: var(--antumbra);
|
|
226
|
+
|
|
227
|
+
@media (prefers-color-scheme: dark) {
|
|
228
|
+
background-color: var(--neutral-500);
|
|
229
|
+
border-color: var(--neutral-500);
|
|
217
230
|
color: var(--neutral-200);
|
|
218
231
|
}
|
|
219
232
|
}
|
|
220
233
|
|
|
234
|
+
.select:active,
|
|
235
|
+
select:active {
|
|
236
|
+
box-shadow: var(--umbra);
|
|
237
|
+
|
|
238
|
+
@media (prefers-color-scheme: dark) {
|
|
239
|
+
background-color: var(--neutral-400);
|
|
240
|
+
border-color: var(--neutral-200);
|
|
241
|
+
color: var(--neutral-500);
|
|
242
|
+
}
|
|
243
|
+
}
|
|
244
|
+
|
|
221
245
|
@media (prefers-color-scheme: light) {
|
|
222
246
|
.tahoe-city select {
|
|
223
247
|
border-color: var(--sand-200);
|