@appscode/design-system 1.1.0-beta.27 → 1.1.0-beta.28
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/components/_ac-tabs.scss +35 -31
- package/package.json +1 -1
package/components/_ac-tabs.scss
CHANGED
|
@@ -246,47 +246,51 @@
|
|
|
246
246
|
}
|
|
247
247
|
|
|
248
248
|
// dark theme
|
|
249
|
-
.is-dark-theme {
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
}
|
|
249
|
+
// .is-dark-theme {
|
|
250
|
+
// .tabs {
|
|
251
|
+
// &.is-toggle {
|
|
252
|
+
// a {
|
|
253
|
+
// &:hover {
|
|
254
|
+
// background-color: $dark-bg;
|
|
255
|
+
// }
|
|
256
|
+
// }
|
|
257
|
+
// }
|
|
258
|
+
|
|
259
|
+
// a {
|
|
260
|
+
// border-bottom: 1px solid $primary-90;
|
|
261
|
+
// color: $white-100;
|
|
262
|
+
// }
|
|
263
|
+
|
|
264
|
+
// &.ac-tabs.is-line {
|
|
265
|
+
// ul {
|
|
266
|
+
// li.is-active {
|
|
267
|
+
// a {
|
|
268
|
+
// color: $primary-10;
|
|
269
|
+
// }
|
|
270
|
+
// }
|
|
271
|
+
// }
|
|
272
|
+
// }
|
|
273
|
+
// }
|
|
274
|
+
// }
|
|
275
275
|
|
|
276
276
|
/****************************************
|
|
277
277
|
Responsive Classes
|
|
278
278
|
*****************************************/
|
|
279
279
|
// Extra small devices (portrait phones, less than 576px)
|
|
280
|
-
@media (max-width: 575.98px) {
|
|
280
|
+
@media (max-width: 575.98px) {
|
|
281
|
+
}
|
|
281
282
|
|
|
282
283
|
// Small devices (landscape phones, 576px and up)
|
|
283
|
-
@media (min-width: 576px) and (max-width: 767.98px) {
|
|
284
|
+
@media (min-width: 576px) and (max-width: 767.98px) {
|
|
285
|
+
}
|
|
284
286
|
|
|
285
287
|
// Medium devices (tablets, 768px and up)
|
|
286
|
-
@media (min-width: 768px) and (max-width: 991.98px) {
|
|
288
|
+
@media (min-width: 768px) and (max-width: 991.98px) {
|
|
289
|
+
}
|
|
287
290
|
|
|
288
291
|
// Large devices (desktops, 992px and up)
|
|
289
|
-
@media (min-width: 992px) and (max-width: 1199.98px) {
|
|
292
|
+
@media (min-width: 992px) and (max-width: 1199.98px) {
|
|
293
|
+
}
|
|
290
294
|
|
|
291
295
|
// Extra large devices (large desktops, 1200px and up)
|
|
292
296
|
@media (min-width: 1200px) {
|
|
@@ -306,4 +310,4 @@ Responsive Classes
|
|
|
306
310
|
}
|
|
307
311
|
}
|
|
308
312
|
}
|
|
309
|
-
}
|
|
313
|
+
}
|