@appscode/design-system 1.0.43-alpha.59 → 1.0.43-alpha.62

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.
@@ -148,6 +148,32 @@
148
148
  background-color: $ac-white;
149
149
  }
150
150
 
151
+ // color swatch start
152
+ input[type="color"] {
153
+ -webkit-appearance: none;
154
+ border: none;
155
+ width: 20px;
156
+ height: 20px;
157
+ border-radius: 50%;
158
+ border: 1px solid #777;
159
+ margin-left: 3px;
160
+ padding: 2px;
161
+ cursor: pointer;
162
+ }
163
+ input[type="color"]::-webkit-color-swatch-wrapper {
164
+ padding: 0;
165
+ }
166
+ // input[type="color"]::-moz-color-swatch,
167
+ input[type="color"]::-webkit-color-swatch {
168
+ border: none;
169
+ border-radius: 50%;
170
+ }
171
+ input[type="color"]::-moz-color-swatch {
172
+ border: none;
173
+ border-radius: 50%;
174
+ }
175
+ // color swatch end
176
+
151
177
  .is-dark-theme {
152
178
  .dropdown-content {
153
179
  background-color: $dark-bg-light;
@@ -136,7 +136,7 @@
136
136
  font-size: 36px;
137
137
  line-height: 1;
138
138
  font-weight: 600;
139
- color: #003466;
139
+ color: $ac-color-heading;
140
140
  display: inline-block;
141
141
  position: relative;
142
142
  z-index: 1;
@@ -6,13 +6,13 @@
6
6
  border: none;
7
7
 
8
8
  &.style-2 {
9
- border: 1px solid $table-header;
9
+ border: 1px solid $ac-white-light;
10
10
  box-shadow: none;
11
11
  padding: 0;
12
12
  border-radius: 4px;
13
13
 
14
14
  .ac-content-header {
15
- background-color: $table-header;
15
+ background-color: $ac-blue-light;
16
16
 
17
17
  &.is-bg-white {
18
18
  .ac-cheader-left {
@@ -4,7 +4,7 @@
4
4
  box-shadow: none;
5
5
 
6
6
  .card-header {
7
- background-color: $table-header;
7
+ background-color: $ac-blue-light;
8
8
  border-radius: 4px 4px 0px 0px;
9
9
  padding: 10px 20px;
10
10
  box-shadow: none;
@@ -3,8 +3,8 @@
3
3
  .inner-header {
4
4
  padding: 6px 20px;
5
5
  border-bottom: 1px solid $ac-white-light;
6
- // display: flex;
7
- // align-items: center;
6
+ display: flex;
7
+ align-items: center;
8
8
  }
9
9
  // dashboard inner header end
10
10
  // .dashboard body header
@@ -129,11 +129,15 @@
129
129
  height: calc(100vh - 100px);
130
130
  overflow-y: auto;
131
131
  padding-top: 8px;
132
+ scrollbar-color: #fff #fff;
132
133
 
133
134
  /* width */
134
135
  &::-webkit-scrollbar {
135
136
  display: none;
136
137
  }
138
+ &::-webkit-scrollbar {
139
+ display: none;
140
+ }
137
141
 
138
142
  li {
139
143
  &.is-open {
@@ -55,7 +55,7 @@
55
55
  top: -50px;
56
56
  width: calc(100% + 90px);
57
57
  height: 100%;
58
- background-color: $ac-color-value;
58
+ background-color: $ac-white;
59
59
  opacity: 0.8;
60
60
  z-index: -1;
61
61
  }
@@ -68,7 +68,7 @@
68
68
  margin-bottom: 10px;
69
69
 
70
70
  a {
71
- color: #003466;
71
+ color: $ac-color-heading;
72
72
  text-decoration: underline;
73
73
  }
74
74
  }
@@ -137,7 +137,7 @@
137
137
  h2 {
138
138
  font-size: $ac-size-2;
139
139
  margin-bottom: 25px;
140
- color: #003466;
140
+ color: $ac-color-heading;
141
141
  }
142
142
  }
143
143
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appscode/design-system",
3
- "version": "1.0.43-alpha.59",
3
+ "version": "1.0.43-alpha.62",
4
4
  "description": "A design system for Appscode websites and dashboards made using Bulma",
5
5
  "main": "main.scss",
6
6
  "scripts": {