gent_styleguide 6.0.16 → 6.0.18

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.
@@ -366,6 +366,12 @@ $field-icon-padding: 50px;
366
366
  .form-disclaimer {
367
367
  @include theme('color', 'color-tertiary--lighten-1', 'form-disclaimer-color');
368
368
 
369
+ .highlight__inner &,
370
+ .feature-block &,
371
+ .feature-block.secondary & {
372
+ @include theme('color', 'color-zero');
373
+ }
374
+
369
375
  margin: 24px 0;
370
376
  font-size: .6rem;
371
377
  }
@@ -51,6 +51,27 @@
51
51
  right: -1px;
52
52
  width: 31px;
53
53
  }
54
+
55
+ .feature-block.secondary & {
56
+ &::before,
57
+ &::after {
58
+ @include theme('background-color', 'color-secondary', 'feature-block-secondary-background-color');
59
+ }
60
+ }
61
+
62
+ .feature-block & {
63
+ &::before,
64
+ &::after {
65
+ @include theme('background-color', 'color-primary', 'feature-block-primary-background-color');
66
+ }
67
+ }
68
+
69
+ .highlight__inner & {
70
+ &::before,
71
+ &::after {
72
+ @include theme('background-color', 'color-tertiary-light', 'highlight-background');
73
+ }
74
+ }
54
75
  }
55
76
 
56
77
  a {
@@ -8,6 +8,8 @@ figcaption {
8
8
  line-height: 175%;
9
9
 
10
10
  .full-image & {
11
+ margin: 0;
12
+
11
13
  &::before {
12
14
  display: none;
13
15
  }
@@ -73,6 +73,14 @@
73
73
  @include phablet {
74
74
  margin-bottom: 130px;
75
75
  }
76
+
77
+ .cta-block__content {
78
+ @include phablet {
79
+ top: auto;
80
+ bottom: -90px;
81
+ left: -60px;
82
+ }
83
+ }
76
84
  }
77
85
 
78
86
  &.image-left {
@@ -95,9 +103,6 @@
95
103
  padding-left: 20px;
96
104
 
97
105
  @include phablet {
98
- top: auto;
99
- bottom: -90px;
100
- left: -60px;
101
106
  padding-left: 0;
102
107
  }
103
108
  }
@@ -134,8 +139,6 @@
134
139
  padding-right: 20px;
135
140
 
136
141
  @include phablet {
137
- bottom: -90px;
138
- left: -60px;
139
142
  padding-right: 0;
140
143
  }
141
144
  }
@@ -37,7 +37,8 @@
37
37
  }
38
38
 
39
39
  &:not(.stacked) {
40
- .form-label {
40
+ .form-label,
41
+ legend {
41
42
  @include desktop {
42
43
  width: 50%;
43
44
  max-width: 410px;
@@ -314,7 +314,8 @@
314
314
  }
315
315
  }
316
316
 
317
- p {
317
+ p,
318
+ .opening-hours-accordion {
318
319
  display: none;
319
320
 
320
321
  @include tablet {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "gent_styleguide",
3
- "version": "6.0.16",
3
+ "version": "6.0.18",
4
4
  "description": "Styleguide Stad.Gent",
5
5
  "devDependencies": {
6
6
  "@babel/core": "^7.20.12",