@oslokommune/punkt-css 16.7.1 → 16.7.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.
@@ -19,7 +19,7 @@
19
19
  &__logo-area,
20
20
  &__content,
21
21
  &__user {
22
- column-gap: map.get(variables.$spacing, 'size-16');
22
+ column-gap: map.get(variables.$spacing, 'size-8');
23
23
  }
24
24
 
25
25
  &__logo-area {
@@ -30,7 +30,7 @@
30
30
  &__content {
31
31
  grid-column: 2;
32
32
  grid-row: 1;
33
- padding-right: map.get(variables.$spacing, 'size-16');
33
+ padding-right: map.get(variables.$spacing, 'size-8');
34
34
  }
35
35
 
36
36
  &__user {
@@ -115,7 +115,7 @@
115
115
  align-items: center;
116
116
  grid-template-columns: 1fr auto auto;
117
117
  grid-template-rows: map.get(variables.$spacing, 'size-72') auto;
118
- column-gap: map.get(variables.$spacing, 'size-16');
118
+ column-gap: map.get(variables.$spacing, 'size-8');
119
119
 
120
120
  @include header-cq($cq-bp-tablet) {
121
121
  grid-template-rows: map.get(variables.$spacing, 'size-88') auto;
@@ -152,9 +152,13 @@
152
152
  &__content,
153
153
  &__user {
154
154
  display: inline-flex;
155
- column-gap: map.get(variables.$spacing, 'size-24');
155
+ column-gap: map.get(variables.$spacing, 'size-4');
156
156
  min-width: 0;
157
157
 
158
+ @include header-cq($cq-bp-tablet) {
159
+ column-gap: map.get(variables.$spacing, 'size-24');
160
+ }
161
+
158
162
  @include header-cq($cq-bp-laptop) {
159
163
  column-gap: map.get(variables.$spacing, 'size-32');
160
164
  }
@@ -165,7 +169,11 @@
165
169
  grid-row: 1;
166
170
  align-items: center;
167
171
  display: inline-flex;
168
- padding-left: map.get(variables.$spacing, 'size-16');
172
+ padding-left: map.get(variables.$spacing, 'size-8');
173
+
174
+ @include header-cq($cq-bp-tablet) {
175
+ padding-left: map.get(variables.$spacing, 'size-16');
176
+ }
169
177
 
170
178
  @include header-cq($cq-bp-laptop) {
171
179
  padding-left: map.get(variables.$spacing, 'size-32');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oslokommune/punkt-css",
3
- "version": "16.7.1",
3
+ "version": "16.7.2",
4
4
  "description": "CSS-rammeverket til Punkt, et designsystem laget av Oslo Origo",
5
5
  "homepage": "https://punkt.oslo.kommune.no",
6
6
  "author": "Team Designsystem, Oslo Origo",
@@ -60,5 +60,5 @@
60
60
  "url": "https://github.com/oslokommune/punkt/issues"
61
61
  },
62
62
  "license": "MIT",
63
- "gitHead": "f03ecd48c2bc6097584f3a3f1d45848578bf524d"
63
+ "gitHead": "faea83c2082eb3fcdbf73da603fb76a852d8e2c1"
64
64
  }