@internetstiftelsen/styleguide 2.21.30 → 2.21.31

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/src/atoms/button/_button.scss +12 -7
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@internetstiftelsen/styleguide",
3
- "version": "2.21.30",
3
+ "version": "2.21.31",
4
4
  "main": "dist/components.js",
5
5
  "ports": {
6
6
  "fractal": "3000"
package/src/atoms/button/_button.scss CHANGED
@@ -251,12 +251,13 @@
251
251
 
252
252
  &:hover,
253
253
  &:focus {
254
- color: $color-sandstone-light;
254
+ color: darken($color-sandstone, 12%);
255
+ text-shadow: none;
255
256
  }
256
257
 
257
258
  @include e(text) {
258
- color: $color-cyberspace;
259
- text-shadow: 0 0 rhythm(0.5) $color-sandstone-light;
259
+ color: $color-snow;
260
+ text-shadow: 0 0 rhythm(2) $color-sandstone-dark;
260
261
  }
261
262
 
262
263
  @include e(icon) {
@@ -322,11 +323,13 @@
322
323
 
323
324
  &:hover,
324
325
  &:focus {
325
- color: $color-jade-light;
326
+ color: darken($color-jade, 10%);
327
+ text-shadow: none;
326
328
  }
327
329
 
328
330
  @include e(text) {
329
- color: $color-cyberspace;
331
+ color: $color-snow;
332
+ text-shadow: 0 0 rhythm(2) $color-jade-dark;
330
333
  }
331
334
 
332
335
  @include e(icon) {
@@ -408,7 +411,8 @@
408
411
  color: $color-peacock;
409
412
 
410
413
  &:hover {
411
- color: $color-peacock-light;
414
+ color: darken($color-peacock, 10%);
415
+ text-shadow: none;
412
416
  }
413
417
 
414
418
  &:focus {
@@ -420,7 +424,8 @@
420
424
  }
421
425
 
422
426
  @include e(text) {
423
- color: $color-cyberspace;
427
+ color: $color-snow;
428
+ text-shadow: 0 0 rhythm(2) $color-peacock-dark;
424
429
  }
425
430
 
426
431
  @include e(icon) {