pacem-less 0.52.2 → 0.52.3-abel
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.
|
@@ -303,110 +303,68 @@
|
|
|
303
303
|
|
|
304
304
|
.@{PCSS}-container {
|
|
305
305
|
// hide when below 'small' width
|
|
306
|
-
@container
|
|
307
|
-
@PCSS
|
|
308
|
-
|
|
309
|
-
(max-width: @threshold_sm - 1) {
|
|
306
|
+
@container @PCSS (max-width: @threshold_sm - 1) {
|
|
310
307
|
.HideWhenLessThan(sm);
|
|
311
308
|
.HideWhenAtMost(xs);
|
|
312
309
|
// exception (show-xs: show only when EXACTLY 'xs')
|
|
313
310
|
.ShowWhenAtLeast(xs);
|
|
314
311
|
}
|
|
315
312
|
// show when at least 'small' wide
|
|
316
|
-
@container
|
|
317
|
-
@PCSS
|
|
318
|
-
|
|
319
|
-
(min-width: @threshold_sm) {
|
|
313
|
+
@container @PCSS (min-width: @threshold_sm) {
|
|
320
314
|
.ShowWhenAtLeast(sm);
|
|
321
315
|
}
|
|
322
316
|
// hide when at most 'small' wide
|
|
323
|
-
@container
|
|
324
|
-
@PCSS
|
|
325
|
-
|
|
326
|
-
(max-width: @threshold_md - 1) {
|
|
317
|
+
@container @PCSS (max-width: @threshold_md - 1) {
|
|
327
318
|
.HideWhenLessThan(md);
|
|
328
319
|
.HideWhenAtMost(sm);
|
|
329
320
|
}
|
|
330
321
|
// show when at least 'medium' wide
|
|
331
|
-
@container
|
|
332
|
-
@PCSS
|
|
333
|
-
|
|
334
|
-
(min-width: @threshold_md) {
|
|
322
|
+
@container @PCSS (min-width: @threshold_md) {
|
|
335
323
|
.ShowWhenAtLeast(md);
|
|
336
324
|
}
|
|
337
325
|
// hide when at most 'medium' wide
|
|
338
|
-
@container
|
|
339
|
-
@PCSS
|
|
340
|
-
|
|
341
|
-
(max-width: @threshold_lg - 1) {
|
|
326
|
+
@container @PCSS (max-width: @threshold_lg - 1) {
|
|
342
327
|
.HideWhenLessThan(lg);
|
|
343
328
|
.HideWhenAtMost(md);
|
|
344
329
|
}
|
|
345
330
|
// show when at least 'lg' wide
|
|
346
|
-
@container
|
|
347
|
-
@PCSS
|
|
348
|
-
|
|
349
|
-
(min-width: @threshold_lg) {
|
|
331
|
+
@container @PCSS (min-width: @threshold_lg) {
|
|
350
332
|
.ShowWhenAtLeast(lg);
|
|
351
333
|
}
|
|
352
334
|
// hide when at most 'lg' wide
|
|
353
|
-
@container
|
|
354
|
-
@PCSS
|
|
355
|
-
|
|
356
|
-
(max-width: @threshold_xl - 1) {
|
|
335
|
+
@container @PCSS (max-width: @threshold_xl - 1) {
|
|
357
336
|
.HideWhenLessThan(xl);
|
|
358
337
|
.HideWhenAtMost(lg);
|
|
359
338
|
}
|
|
360
339
|
// show when at least 'xl' wide
|
|
361
|
-
@container
|
|
362
|
-
@PCSS
|
|
363
|
-
|
|
364
|
-
(min-width: @threshold_xl) {
|
|
340
|
+
@container @PCSS (min-width: @threshold_xl) {
|
|
365
341
|
.ShowWhenAtLeast(xl);
|
|
366
342
|
}
|
|
367
343
|
// hide when at most 'xl' wide
|
|
368
|
-
@container
|
|
369
|
-
@PCSS
|
|
370
|
-
|
|
371
|
-
(max-width: @threshold_hd - 1) {
|
|
344
|
+
@container @PCSS (max-width: @threshold_hd - 1) {
|
|
372
345
|
.HideWhenLessThan(hd);
|
|
373
346
|
.HideWhenAtMost(xl);
|
|
374
347
|
}
|
|
375
348
|
// show when at least 'hd' wide
|
|
376
|
-
@container
|
|
377
|
-
@PCSS
|
|
378
|
-
|
|
379
|
-
(min-width: @threshold_hd) {
|
|
349
|
+
@container @PCSS (min-width: @threshold_hd) {
|
|
380
350
|
.ShowWhenAtLeast(hd);
|
|
381
351
|
}
|
|
382
352
|
// hide when at most 'hd' wide
|
|
383
|
-
@container
|
|
384
|
-
@PCSS
|
|
385
|
-
|
|
386
|
-
(max-width: @threshold_2k - 1) {
|
|
353
|
+
@container @PCSS (max-width: @threshold_2k - 1) {
|
|
387
354
|
.HideWhenLessThan(2k);
|
|
388
355
|
.HideWhenAtMost(hd);
|
|
389
356
|
}
|
|
390
357
|
// show when at least '2k' wide
|
|
391
|
-
@container
|
|
392
|
-
@PCSS
|
|
393
|
-
|
|
394
|
-
(min-width: @threshold_2k) {
|
|
358
|
+
@container @PCSS (min-width: @threshold_2k) {
|
|
395
359
|
.ShowWhenAtLeast(2k);
|
|
396
360
|
}
|
|
397
361
|
// hide when at most '2k' wide
|
|
398
|
-
@container
|
|
399
|
-
@PCSS
|
|
400
|
-
|
|
401
|
-
(max-width: @threshold_4k - 1) {
|
|
362
|
+
@container @PCSS (max-width: @threshold_4k - 1) {
|
|
402
363
|
.HideWhenLessThan(4k);
|
|
403
364
|
.HideWhenAtMost(2k);
|
|
404
365
|
}
|
|
405
366
|
// show when at least '4k' wide
|
|
406
|
-
@container
|
|
407
|
-
@PCSS
|
|
408
|
-
|
|
409
|
-
(min-width: @threshold_4k) {
|
|
367
|
+
@container @PCSS (min-width: @threshold_4k) {
|
|
410
368
|
.ShowWhenAtLeast(4k);
|
|
411
369
|
}
|
|
412
370
|
}
|
package/package.json
CHANGED