@appscode/design-system 1.1.0-beta.26 → 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.
Files changed (3) hide show
  1. package/components/_ac-tabs.scss +35 -31
  2. package/package.json +1 -1
  3. package/vue-components/v3/button/Button.vue +4 -1
package/components/_ac-tabs.scss CHANGED
@@ -246,47 +246,51 @@
246
246
  }
247
247
 
248
248
  // dark theme
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
- }
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
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appscode/design-system",
3
- "version": "1.1.0-beta.26",
3
+ "version": "1.1.0-beta.28",
4
4
  "description": "A design system for Appscode websites and dashboards made using Bulma",
5
5
  "main": "main.scss",
6
6
  "scripts": {
package/vue-components/v3/button/Button.vue CHANGED
@@ -55,7 +55,7 @@ const handleClick = (e: Event) => {
55
55
  <style lang="scss" scoped>
56
56
  .button {
57
57
  &.ac-button {
58
- padding: 8px 18px;
58
+ padding: 8px 16px;
59
59
  font-weight: 500;
60
60
  line-height: 1;
61
61
 
@@ -66,6 +66,9 @@ const handleClick = (e: Event) => {
66
66
  }
67
67
  }
68
68
  }
69
+ &.is-ghost {
70
+ border-color: transparent !important;
71
+ }
69
72
  &.is-square {
70
73
  border: 1px solid $primary-95;
71
74
  }