@sb1/ffe-grid 13.0.6 → 13.0.8

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.
Files changed (2) hide show
  1. package/less/ffe-grid.less +44 -44
  2. package/package.json +5 -5
package/less/ffe-grid.less CHANGED
@@ -156,90 +156,90 @@
156
156
  }
157
157
 
158
158
  &--bg-frost-30 {
159
- background-color: @ffe-farge-frost-30;
159
+ background-color: var(--ffe-farge-frost-30);
160
160
  .native & {
161
161
  @media (prefers-color-scheme: dark) {
162
- background-color: @ffe-farge-svart;
162
+ background-color: var(--ffe-farge-svart);
163
163
  }
164
164
  }
165
165
  }
166
166
 
167
167
  &--bg-sand {
168
- background-color: @ffe-farge-sand;
168
+ background-color: var(--ffe-farge-sand);
169
169
  .native & {
170
170
  @media (prefers-color-scheme: dark) {
171
- background-color: @ffe-farge-svart;
171
+ background-color: var(--ffe-farge-svart);
172
172
  }
173
173
  }
174
174
  }
175
175
 
176
176
  &--bg-sand-70 {
177
- background-color: @ffe-farge-sand-70;
177
+ background-color: var(--ffe-farge-sand-70);
178
178
  .native & {
179
179
  @media (prefers-color-scheme: dark) {
180
- background-color: @ffe-farge-svart;
180
+ background-color: var(--ffe-farge-svart);
181
181
  }
182
182
  }
183
183
  }
184
184
 
185
185
  &--bg-sand-30 {
186
- background-color: @ffe-farge-sand-30;
186
+ background-color: var(--ffe-farge-sand-30);
187
187
  .native & {
188
188
  @media (prefers-color-scheme: dark) {
189
- background-color: @ffe-farge-svart;
189
+ background-color: var(--ffe-farge-svart);
190
190
  }
191
191
  }
192
192
  }
193
193
  &--bg-syrin-70 {
194
- background-color: @ffe-farge-syrin-70;
194
+ background-color: var(--ffe-farge-syrin-70);
195
195
  .native & {
196
196
  @media (prefers-color-scheme: dark) {
197
- background-color: @ffe-farge-svart;
197
+ background-color: var(--ffe-farge-svart);
198
198
  }
199
199
  }
200
200
  }
201
201
  &--bg-syrin-30 {
202
- background-color: @ffe-farge-syrin-30;
202
+ background-color: var(--ffe-farge-syrin-30);
203
203
  .native & {
204
204
  @media (prefers-color-scheme: dark) {
205
- background-color: @ffe-farge-svart;
205
+ background-color: var(--ffe-farge-svart);
206
206
  }
207
207
  }
208
208
  }
209
209
 
210
210
  &--bg-vann {
211
- background-color: @ffe-farge-vann;
212
- color: @ffe-farge-hvit;
211
+ background-color: var(--ffe-farge-vann);
212
+ color: var(--ffe-farge-hvit);
213
213
  .native & {
214
214
  @media (prefers-color-scheme: dark) {
215
- background-color: @ffe-farge-svart;
215
+ background-color: var(--ffe-farge-svart);
216
216
  }
217
217
  }
218
218
  }
219
219
  &--bg-vann-30 {
220
- background-color: @ffe-farge-vann-30;
220
+ background-color: var(--ffe-farge-vann-30);
221
221
  .native & {
222
222
  @media (prefers-color-scheme: dark) {
223
- background-color: @ffe-farge-svart;
223
+ background-color: var(--ffe-farge-svart);
224
224
  }
225
225
  }
226
226
  }
227
227
 
228
228
  &--bg-fjell {
229
- background-color: @ffe-farge-fjell;
230
- color: @ffe-farge-hvit;
229
+ background-color: var(--ffe-farge-fjell);
230
+ color: var(--ffe-farge-hvit);
231
231
  .native & {
232
232
  @media (prefers-color-scheme: dark) {
233
- background-color: @ffe-farge-svart;
233
+ background-color: var(--ffe-farge-svart);
234
234
  }
235
235
  }
236
236
  }
237
237
 
238
238
  &--bg-hvit {
239
- background-color: @ffe-farge-hvit;
239
+ background-color: var(--ffe-farge-hvit);
240
240
  .native & {
241
241
  @media (prefers-color-scheme: dark) {
242
- background-color: @ffe-farge-svart;
242
+ background-color: var(--ffe-farge-svart);
243
243
  }
244
244
  }
245
245
  }
@@ -254,89 +254,89 @@
254
254
  grid-column: auto / span 12;
255
255
 
256
256
  &--bg-frost-30 {
257
- background-color: @ffe-farge-frost-30;
257
+ background-color: var(--ffe-farge-frost-30);
258
258
  .native & {
259
259
  @media (prefers-color-scheme: dark) {
260
- background-color: @ffe-farge-svart;
260
+ background-color: var(--ffe-farge-svart);
261
261
  }
262
262
  }
263
263
  }
264
264
 
265
265
  &--bg-sand {
266
- background-color: @ffe-farge-sand;
266
+ background-color: var(--ffe-farge-sand);
267
267
  .native & {
268
268
  @media (prefers-color-scheme: dark) {
269
- background-color: @ffe-farge-svart;
269
+ background-color: var(--ffe-farge-svart);
270
270
  }
271
271
  }
272
272
  }
273
273
 
274
274
  &--bg-sand-70 {
275
- background-color: @ffe-farge-sand-70;
275
+ background-color: var(--ffe-farge-sand-70);
276
276
  .native & {
277
277
  @media (prefers-color-scheme: dark) {
278
- background-color: @ffe-farge-svart;
278
+ background-color: var(--ffe-farge-svart);
279
279
  }
280
280
  }
281
281
  }
282
282
 
283
283
  &--bg-sand-30 {
284
- background-color: @ffe-farge-sand-30;
284
+ background-color: var(--ffe-farge-sand-30);
285
285
  .native & {
286
286
  @media (prefers-color-scheme: dark) {
287
- background-color: @ffe-farge-svart;
287
+ background-color: var(--ffe-farge-svart);
288
288
  }
289
289
  }
290
290
  }
291
291
  &--bg-syrin-70 {
292
- background-color: @ffe-farge-syrin-70;
292
+ background-color: var(--ffe-farge-syrin-70);
293
293
  .native & {
294
294
  @media (prefers-color-scheme: dark) {
295
- background-color: @ffe-farge-svart;
295
+ background-color: var(--ffe-farge-svart);
296
296
  }
297
297
  }
298
298
  }
299
299
  &--bg-syrin-30 {
300
- background-color: @ffe-farge-syrin-30;
300
+ background-color: var(--ffe-farge-syrin-30);
301
301
  .native & {
302
302
  @media (prefers-color-scheme: dark) {
303
- background-color: @ffe-farge-svart;
303
+ background-color: var(--ffe-farge-svart);
304
304
  }
305
305
  }
306
306
  }
307
307
 
308
308
  &--bg-vann {
309
- background-color: @ffe-farge-vann;
310
- color: @ffe-farge-hvit;
309
+ background-color: var(--ffe-farge-vann);
310
+ color: var(--ffe-farge-hvit);
311
311
  .native & {
312
312
  @media (prefers-color-scheme: dark) {
313
- background-color: @ffe-farge-svart;
313
+ background-color: var(--ffe-farge-svart);
314
314
  }
315
315
  }
316
316
  }
317
317
  &--bg-vann-30 {
318
- background-color: @ffe-farge-vann-30;
318
+ background-color: var(--ffe-farge-vann-30);
319
319
  .native & {
320
320
  @media (prefers-color-scheme: dark) {
321
- background-color: @ffe-farge-svart;
321
+ background-color: var(--ffe-farge-svart);
322
322
  }
323
323
  }
324
324
  }
325
325
  &--bg-fjell {
326
- background-color: @ffe-farge-fjell;
327
- color: @ffe-farge-hvit;
326
+ background-color: var(--ffe-farge-fjell);
327
+ color: var(--ffe-farge-hvit);
328
328
  .native & {
329
329
  @media (prefers-color-scheme: dark) {
330
- background-color: @ffe-farge-svart;
330
+ background-color: var(--ffe-farge-svart);
331
331
  }
332
332
  }
333
333
  }
334
334
 
335
335
  &--bg-hvit {
336
- background-color: @ffe-farge-hvit;
336
+ background-color: var(--ffe-farge-hvit);
337
337
  .native & {
338
338
  @media (prefers-color-scheme: dark) {
339
- background-color: @ffe-farge-svart;
339
+ background-color: var(--ffe-farge-svart);
340
340
  }
341
341
  }
342
342
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sb1/ffe-grid",
3
- "version": "13.0.6",
3
+ "version": "13.0.8",
4
4
  "description": "A grid component for use within the FFE framework",
5
5
  "keywords": [
6
6
  "ffe"
@@ -15,12 +15,12 @@
15
15
  "url": "ssh://git@github.com:SpareBank1/designsystem.git"
16
16
  },
17
17
  "scripts": {
18
- "lint": "stylelint less/*.less",
18
+ "lint": "ffe-buildtool stylelint less/*.less",
19
19
  "test": "npm run lint"
20
20
  },
21
21
  "devDependencies": {
22
- "@sb1/ffe-core": "^26.0.0",
23
- "stylelint": "^13.0.0"
22
+ "@sb1/ffe-buildtool": "^0.5.0",
23
+ "@sb1/ffe-core": "^26.1.0"
24
24
  },
25
25
  "peerDependencies": {
26
26
  "@sb1/ffe-core": "*"
@@ -28,5 +28,5 @@
28
28
  "publishConfig": {
29
29
  "access": "public"
30
30
  },
31
- "gitHead": "adafd36c83d1f505fbba3907ef0fa90804a9d555"
31
+ "gitHead": "f88921d84b51cce19872a00376902f10d12fb9c7"
32
32
  }