@internetstiftelsen/styleguide 2.26.7 → 2.26.8-beta.0.2

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": "@internetstiftelsen/styleguide",
3
- "version": "2.26.7",
3
+ "version": "2.26.8-beta.0.2",
4
4
  "main": "dist/components.js",
5
5
  "ports": {
6
6
  "fractal": "3000"
@@ -81,4 +81,4 @@ module.exports = {
81
81
  }
82
82
  }
83
83
  ]
84
- }
84
+ }
@@ -78,6 +78,15 @@
78
78
  border-radius: $border-radius;
79
79
  margin-bottom: rhythm(2);
80
80
 
81
+ a {
82
+ &:hover,
83
+ &:focus {
84
+ span {
85
+ color: $color-ruby;
86
+ }
87
+ }
88
+ }
89
+
81
90
  &__full {
82
91
  display: none;
83
92
 
@@ -137,6 +146,10 @@
137
146
  border-color: $color-ocean;
138
147
  }
139
148
 
149
+ @include m(sandstone) {
150
+ border-color: $color-sandstone;
151
+ }
152
+
140
153
  @include m(transparent) {
141
154
  background-color: transparent;
142
155
  border-color: transparent;
@@ -13,7 +13,6 @@
13
13
  @import 'vertical-align';
14
14
  @import 'icons';
15
15
  @import 'wrap';
16
- @import 'accessibility-helpers';
17
16
  @import 'links';
18
17
  @import 'z-index';
19
18
  @import 'box-shadow';
@@ -27,4 +26,4 @@
27
26
  @import 'fill';
28
27
  @import 'indent';
29
28
  @import 'font-size';
30
- @import 'cursor';
29
+ @import 'cursor';
@@ -1,78 +0,0 @@
1
- @charset 'UTF-8';
2
-
3
- // High contrast colors
4
- @include b(high-contrast) {
5
- span:not([class*='header__logo']),
6
- a:not([class*='logo-link']),
7
- strong,
8
- em,
9
- p,
10
- h1,
11
- h2,
12
- h3,
13
- h4,
14
- h5,
15
- h6,
16
- time,
17
- address,
18
- table,
19
- td,
20
- th,
21
- li,
22
- dd,
23
- dt,
24
- button,
25
- input,
26
- select,
27
- [class*='color-'] {
28
- background-color: $color-cyberspace !important;
29
- color: $color-snow !important;
30
- }
31
-
32
- a {
33
- text-decoration: underline !important;
34
- }
35
-
36
- [class*='background-'],
37
- div {
38
- //filter: grayscale(100%);
39
- }
40
-
41
- [class*='icon-'] {
42
- z-index: 1 !important;
43
- color: $color-snow !important;
44
-
45
- &::before,
46
- &::after {
47
- color: $color-snow !important;
48
- }
49
- }
50
-
51
- svg[class*='icon'] {
52
- fill: $color-snow !important;
53
- }
54
-
55
- [class*='a-button__icon'] {
56
- fill: $color-snow !important;
57
- }
58
-
59
- ::-webkit-input-placeholder {
60
- color: $color-snow !important;
61
- }
62
-
63
- ::-moz-placeholder {
64
- color: $color-snow !important;
65
- }
66
-
67
- :-ms-input-placeholder {
68
- color: $color-snow !important;
69
- }
70
-
71
- :-moz-placeholder {
72
- color: $color-snow !important;
73
- }
74
-
75
- ::placeholder {
76
- color: $color-snow !important;
77
- }
78
- }