@internetstiftelsen/styleguide 2.23.15 → 2.23.17

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.23.15",
3
+ "version": "2.23.17",
4
4
  "main": "dist/components.js",
5
5
  "ports": {
6
6
  "fractal": "3000"
@@ -41,9 +41,11 @@
41
41
 
42
42
  @include e(footer) {
43
43
  margin-bottom: rhythm(2);
44
+ margin-top: rhythm(2);
44
45
 
45
- @include bp-up(sm) {
46
+ @include bp-up(sm-xs) {
46
47
  margin-bottom: 0;
48
+ margin-top: 0;
47
49
  }
48
50
  }
49
51
 
@@ -73,6 +73,14 @@
73
73
  @include bp-up(lg) {
74
74
  margin-top: rhythm(3);
75
75
  }
76
+
77
+ @include bp-down(sm-xs) {
78
+ [class*="tag--light"] {
79
+ [class*="tag__text"] {
80
+ color: $color-cyberspace;
81
+ }
82
+ }
83
+ }
76
84
  }
77
85
 
78
86
  @include e(buttons) {
@@ -209,6 +217,10 @@
209
217
 
210
218
  @include b(a-tag) {
211
219
  @include tag;
220
+
221
+ [class*=text] {
222
+ color: $color-cyberspace;
223
+ }
212
224
  }
213
225
 
214
226
  @include bp-up(md) {
@@ -258,6 +270,14 @@
258
270
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba($color-black, 0) 55%, rgba($color-black, 1) 100%);
259
271
  text-shadow: 0 0 rhythm(2) rgba($color-black, 0.5);
260
272
  }
273
+
274
+ @include bp-down(md) {
275
+ [class*="tag--light"] {
276
+ [class*="tag__text"] {
277
+ color: $color-cyberspace;
278
+ }
279
+ }
280
+ }
261
281
  }
262
282
 
263
283
  @include e(text) {
@@ -9,7 +9,8 @@ module.exports = {
9
9
  has_buttons: false,
10
10
  has_tags: true,
11
11
  hero_image: '/assets/images/hero.jpg',
12
- has_link: true
12
+ has_link: true,
13
+ has_pre_heading: false,
13
14
  },
14
15
  variants: [
15
16
  {
@@ -56,6 +57,19 @@ module.exports = {
56
57
  has_buttons: false,
57
58
  }
58
59
  },
60
+ {
61
+ name: 'Pre heading',
62
+ context: {
63
+ has_pre_heading: true,
64
+ pre_heading: 'Publicerad 11 oktober 2022',
65
+ no_image_class: true,
66
+ has_radius: false,
67
+ limited_width: false,
68
+ has_video: false,
69
+ has_image: true,
70
+ has_buttons: true,
71
+ }
72
+ },
59
73
  {
60
74
  name: 'Event hero',
61
75
  context: {