@internetstiftelsen/styleguide 2.21.5 → 2.21.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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@internetstiftelsen/styleguide",
3
- "version": "2.21.5",
3
+ "version": "2.21.9",
4
4
  "main": "dist/components.js",
5
5
  "ports": {
6
6
  "fractal": "3000"
@@ -231,7 +231,8 @@
231
231
  margin-left: -16px;
232
232
  }
233
233
 
234
- &[aria-hidden='true'] {
234
+ &[aria-hidden='true'],
235
+ &:not([aria-hidden]) {
235
236
  display: none;
236
237
  }
237
238
 
@@ -257,3 +258,11 @@
257
258
  }
258
259
  }
259
260
  }
261
+
262
+ .no-js {
263
+ @include atom(main-menu) {
264
+ @include e(subnav) {
265
+ display: block;
266
+ }
267
+ }
268
+ }
@@ -24,7 +24,8 @@
24
24
  background-color: $color-snow;
25
25
  white-space: nowrap;
26
26
 
27
- &[aria-hidden='true'] {
27
+ &[aria-hidden='true'],
28
+ &:not([aria-hidden]) {
28
29
  display: none;
29
30
  }
30
31
  }
@@ -49,3 +50,11 @@
49
50
  }
50
51
  }
51
52
  }
53
+
54
+ .no-js {
55
+ @include molecule(context-menu) {
56
+ @include e(list) {
57
+ display: initial;
58
+ }
59
+ }
60
+ }
@@ -59,6 +59,17 @@ $footer-font-size: 18px; // To ensure all footers on all sites have the same fon
59
59
  border-bottom: 0;
60
60
  }
61
61
 
62
+ p {
63
+ max-width: none;
64
+ margin-bottom: 27px;
65
+ font-size: $footer-font-size;
66
+
67
+ @include bp-up(xxl) {
68
+ @include make-col(14);
69
+ max-width: rem(612px);
70
+ }
71
+ }
72
+
62
73
  a {
63
74
  @extend %normalize-links;
64
75
 
@@ -78,9 +89,12 @@ $footer-font-size: 18px; // To ensure all footers on all sites have the same fon
78
89
  }
79
90
 
80
91
  @include e(contact) {
81
- border-left: 1px solid $color-black;
82
92
  font-size: 80%;
83
93
 
94
+ @include bp-up(lg) {
95
+ border-left: 1px solid $color-black;
96
+ }
97
+
84
98
  @include e(address) {
85
99
  font-size: inherit;
86
100
 
@@ -132,7 +146,6 @@ $footer-font-size: 18px; // To ensure all footers on all sites have the same fon
132
146
  }
133
147
 
134
148
  @include e(ISO) {
135
- border-right: 1px solid $color-black;
136
149
  border-bottom: 1px solid $color-black;
137
150
  padding: rhythm(3);
138
151
  display: flex;
@@ -140,6 +153,7 @@ $footer-font-size: 18px; // To ensure all footers on all sites have the same fon
140
153
 
141
154
  @include bp-up(md) {
142
155
  border-bottom: 0;
156
+ border-right: 1px solid $color-black;
143
157
  }
144
158
 
145
159
  @include bp-up(xl) {
@@ -158,19 +172,6 @@ $footer-font-size: 18px; // To ensure all footers on all sites have the same fon
158
172
  }
159
173
  }
160
174
 
161
- @include e(paragraph) {
162
- @extend %normalize-links;
163
-
164
- max-width: none;
165
- margin-bottom: 27px;
166
- font-size: $footer-font-size;
167
-
168
- @include bp-up(xxl) {
169
- @include make-col(14);
170
- max-width: rem(612px);
171
- }
172
- }
173
-
174
175
  @include e(logotypes) {
175
176
  max-width: 100%;
176
177
  height: auto;