@internetstiftelsen/styleguide 2.21.7 → 2.21.11

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.7",
3
+ "version": "2.21.11",
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
+ }
@@ -51,7 +51,7 @@ $footer-font-size: 18px; // To ensure all footers on all sites have the same fon
51
51
  -moz-osx-font-smoothing: grayscale;
52
52
 
53
53
  @include e(freetext) {
54
- padding: rhythm(4) rhythm(3);
54
+ padding: rhythm(3) rhythm(3) rhythm(4) rhythm(3);
55
55
  border-bottom: 1px solid $color-black;
56
56
 
57
57
  @include bp-up(xl) {
@@ -89,9 +89,12 @@ $footer-font-size: 18px; // To ensure all footers on all sites have the same fon
89
89
  }
90
90
 
91
91
  @include e(contact) {
92
- border-left: 1px solid $color-black;
93
92
  font-size: 80%;
94
93
 
94
+ @include bp-up(lg) {
95
+ border-left: 1px solid $color-black;
96
+ }
97
+
95
98
  @include e(address) {
96
99
  font-size: inherit;
97
100
 
@@ -112,9 +115,25 @@ $footer-font-size: 18px; // To ensure all footers on all sites have the same fon
112
115
 
113
116
  @include e(row-first) {
114
117
  border-bottom: 1px solid $color-black;
118
+ overflow: hidden;
119
+
120
+ @include bp-up(lg) {
121
+ height: 70%;
122
+ }
123
+
124
+ @include bp-up(xl) {
125
+ height: 50%;
126
+ }
115
127
  }
116
128
 
117
129
  @include e(row-second) {
130
+ @include bp-up(lg) {
131
+ height: 30%;
132
+ }
133
+
134
+ @include bp-up(xl) {
135
+ height: 50%;
136
+ }
118
137
  }
119
138
  }
120
139
 
@@ -130,20 +149,20 @@ $footer-font-size: 18px; // To ensure all footers on all sites have the same fon
130
149
  @include bp-up(xl) {
131
150
  border-right: 1px solid $color-black;
132
151
  border-bottom: 0;
133
- padding: rhythm(3) rhythm(3) rhythm(3) rhythm(6);
152
+ padding: rhythm(4) rhythm(3) rhythm(3) rhythm(6);
134
153
  }
135
154
  }
136
155
 
137
156
  @include e(address2) {
138
- padding: rhythm(3) 0 rhythm(3) rhythm(3);
157
+ padding: rhythm(3);
139
158
 
140
159
  @include bp-up(xl) {
141
160
  padding-left: rhythm(6);
161
+ padding-top: rhythm(4);
142
162
  }
143
163
  }
144
164
 
145
165
  @include e(ISO) {
146
- border-right: 1px solid $color-black;
147
166
  border-bottom: 1px solid $color-black;
148
167
  padding: rhythm(3);
149
168
  display: flex;
@@ -154,7 +173,7 @@ $footer-font-size: 18px; // To ensure all footers on all sites have the same fon
154
173
  }
155
174
 
156
175
  @include bp-up(xl) {
157
- padding: rhythm(3) rhythm(3) rhythm(3) rhythm(6);
176
+ padding: rhythm(3) rhythm(3) rhythm(4) rhythm(6);
158
177
  }
159
178
  }
160
179
 
@@ -163,8 +182,13 @@ $footer-font-size: 18px; // To ensure all footers on all sites have the same fon
163
182
  display: flex;
164
183
  align-items: center;
165
184
 
185
+ @include bp-up(md) {
186
+ border-left: 1px solid $color-black;
187
+ }
188
+
166
189
  @include bp-up(xl) {
167
190
  padding-left: rhythm(6);
191
+ padding-bottom: rhythm(4);
168
192
  }
169
193
  }
170
194
  }
@@ -4,8 +4,8 @@ module.exports = {
4
4
  context: {
5
5
  id: '',
6
6
  footer_text: '<p class="o-footer__paragraph"><a href="https://internetstiftelsen.se">Internetstiftelsen</a> verkar för ett internet som bidrar positivt till människan och samhället. Vi är en oberoende organisation som säkerställer en stark och säker infrastruktur för internet i Sverige. Vårt mål är att alla ska våga och kunna använda internet. Vi finns i Sverige och ansvarar för den svenska toppdomänen .se och driften av toppdomänen .nu.</p>',
7
- contact_1: '<ul class="u-list-clean o-footer__contact__address"><li class="o-footer__contact__address__li">Internetstiftelsen</li><li class="o-footer__contact__address__li">Hammarby Kaj 10D</li><li class="o-footer__contact__address__li">Box 92073</li><li class="o-footer__contact__address__li">120 07 Stockholm</li></ul>',
8
- contact_2: '<ul class="u-list-clean o-footer__contact__address"><li class="o-footer__contact__address__li">E-post: <a class="o-footer__link" href="mailto:info@internetstiftelsen.se">info@internetstiftelsen.se</a></li><li class="o-footer__contact__address__li">Telefon: <a class="o-footer__link" href="tel:084523500">08-452 35 00</a></li><li class="o-footer__contact__address__li">Organisationsnummer: 802405-0190</li></ul>',
7
+ contact_1: '<ul class="u-list-clean o-footer__info__contact__address"><li class="o-footer__info__contact__address__li">Internetstiftelsen</li><li class="o-footer__info__contact__address__li">Hammarby Kaj 10D</li><li class="o-footer__info__contact__address__li">Box 92073</li><li class="o-footer__info__contact__address__li">120 07 Stockholm</li></ul>',
8
+ contact_2: '<ul class="u-list-clean o-footer__info__contact__address"><li class="o-footer__info__contact__address__li">E-post: <a class="o-footer__link" href="mailto:info@internetstiftelsen.se">info@internetstiftelsen.se</a></li><li class="o-footer__info__contact__address__li">Telefon: <a class="o-footer__link" href="tel:084523500">08-452 35 00</a></li><li class="o-footer__info__contact__address__li">Organisationsnummer: 802405-0190</li></ul>',
9
9
  ISO_link: 'https://internetstiftelsen.se/docs/Certifikat_27001_UKAS_sv.pdf',
10
10
  ISO_image: 'https://internetstiftelsen.se/app/themes/internetstiftelsen/images/ISO_27001_2013_black_TM.svg',
11
11
  ISO_text: 'Certifierade enligt ISO/IEC<br>27001:2013',