@appscode/design-system 2.4.27-alpha-10 → 2.4.27-alpha-12

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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appscode/design-system",
3
- "version": "2.4.27-alpha-10",
3
+ "version": "2.4.27-alpha-12",
4
4
  "description": "A design system for Appscode websites and dashboards made using Bulma",
5
5
  "main": "main.scss",
6
6
  "scripts": {
@@ -181,9 +181,9 @@ $slate-80: #e2e8f0;
181
181
  $slate-90: #f1f5f9;
182
182
  $slate-95: #f8fafc;
183
183
 
184
- $color-text: $slate-40;
184
+ $color-text: $slate-30;
185
185
  $color-heading: $slate-5;
186
- $color-label: $slate-30;
186
+ $color-label: $slate-40;
187
187
  $color-link: $slate-20;
188
188
  $color-border-light: $slate-90;
189
189
  $color-border: $slate-80;
@@ -445,7 +445,7 @@ button {
445
445
  padding: 5px 20px 4px;
446
446
  box-shadow: $ac-shadow-1;
447
447
  font-weight: 500;
448
- font-size: 14px1rem;
448
+ font-size: 1rem;
449
449
  }
450
450
 
451
451
  .tooltip-arrow {
@@ -466,7 +466,7 @@ button {
466
466
  padding: 5px 20px 4px;
467
467
  box-shadow: $ac-shadow-1;
468
468
  font-weight: 500;
469
- font-size: 14px1rem;
469
+ font-size: 1rem;
470
470
 
471
471
  .errors-wrapper {
472
472
  .error-element {
@@ -37,7 +37,7 @@
37
37
  border: 7px solid transparent;
38
38
  border-top-color: $gray-60;
39
39
  position: absolute;
40
- bottom: -14px;
40
+ bottom: -13px;
41
41
  left: 50%;
42
42
  transform: translateX(-50%);
43
43
  border-width: 8px;
@@ -52,7 +52,7 @@
52
52
  border: 7px solid transparent;
53
53
  border-top-color: $gray-60;
54
54
  position: absolute;
55
- bottom: -14px;
55
+ bottom: -13px;
56
56
  left: 50%;
57
57
  transform: translateX(-50%);
58
58
  z-index: 1;
@@ -19,7 +19,7 @@
19
19
  }
20
20
  .c-body {
21
21
  p {
22
- color: #0c365a;
22
+ color: $color-text;
23
23
  }
24
24
  }
25
25
  }
@@ -19,7 +19,7 @@
19
19
  }
20
20
  .c-body {
21
21
  p {
22
- color: #0c365a;
22
+ color: $color-text;
23
23
  }
24
24
  }
25
25
  }
@@ -1,7 +1,7 @@
1
1
  // vendor cards start
2
2
  .ac-single-card.vendor-card {
3
- border: 1px solid $color-border;
4
- transition: 0.3s ease-in-out;
3
+ outline: 1px solid $color-border;
4
+ transition: 0s ease-in-out;
5
5
  border-radius: 2px;
6
6
  display: flex;
7
7
  flex-direction: column;
@@ -52,10 +52,10 @@
52
52
  }
53
53
  }
54
54
  &.is-selected {
55
- border: 1px solid $ac-primary !important;
55
+ outline: 2px solid $ac-primary !important;
56
56
  }
57
57
  &:hover {
58
- border: 1px solid $ac-primary;
58
+ outline: 2px solid $ac-primary;
59
59
 
60
60
  .ac-card-title {
61
61
  h4 {