ng-fusion-ui 0.4.8 → 0.4.9

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 (2) hide show
  1. package/package.json +1 -1
  2. package/styles/styles.scss +9 -8
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ng-fusion-ui",
3
- "version": "0.4.8",
3
+ "version": "0.4.9",
4
4
  "description": "New Angular component library!",
5
5
  "homepage": "https://fusion-ui.up.railway.app",
6
6
  "license": "MIT",
package/styles/styles.scss CHANGED
@@ -1,3 +1,4 @@
1
+ @use "sass:color";
1
2
 
2
3
  .fu-btn {
3
4
 
@@ -142,11 +143,11 @@
142
143
  background-color: #dc3545;
143
144
 
144
145
  &:hover {
145
- background-color: darken(#dc3545, 10%);
146
+ background-color: color.adjust(#dc3545, $lightness: -10%)
146
147
  }
147
148
 
148
149
  &:active {
149
- background-color: darken(#dc3545, 20%);
150
+ background-color: color.adjust(#dc3545, $lightness: -20%)
150
151
  }
151
152
  }
152
153
 
@@ -154,11 +155,11 @@
154
155
  background-color: #28a745;
155
156
 
156
157
  &:hover {
157
- background-color: darken(#28a745, 10%);
158
+ background-color: color.adjust(#28a745, $lightness: -10%)
158
159
  }
159
160
 
160
161
  &:active {
161
- background-color: darken(#28a745, 20%);
162
+ background-color: color.adjust(#28a745, $lightness: -20%)
162
163
  }
163
164
  }
164
165
 
@@ -166,11 +167,11 @@
166
167
  background-color: #ee9621;
167
168
 
168
169
  &:hover {
169
- background-color: darken(#ee9621, 10%);
170
+ background-color: color.adjust(#ee9621, $lightness: -10%)
170
171
  }
171
172
 
172
173
  &:active {
173
- background-color: darken(#ee9621, 20%);
174
+ background-color: color.adjust(#ee9621, $lightness: -20%)
174
175
  }
175
176
  }
176
177
 
@@ -178,11 +179,11 @@
178
179
  background-color: #d842cc;
179
180
 
180
181
  &:hover {
181
- background-color: darken(#d842cc, 10%);
182
+ background-color: color.adjust(#d842cc, $lightness: -10%)
182
183
  }
183
184
 
184
185
  &:active {
185
- background-color: darken(#d842cc, 20%);
186
+ background-color: color.adjust(#d842cc, $lightness: -20%)
186
187
  }
187
188
  }
188
189