@clayui/css 3.92.0 → 3.94.0

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 (51) hide show
  1. package/lib/css/atlas.css +258 -34
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +127 -1
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/cadmin.css +157 -69
  6. package/lib/css/cadmin.css.map +1 -1
  7. package/lib/images/icons/icons.svg +1 -1
  8. package/package.json +2 -2
  9. package/src/scss/_license-text.scss +1 -1
  10. package/src/scss/atlas/variables/_custom-forms.scss +4 -5
  11. package/src/scss/atlas/variables/_menubar.scss +57 -17
  12. package/src/scss/atlas/variables/_pagination.scss +78 -5
  13. package/src/scss/cadmin/components/_drilldown.scss +1 -1
  14. package/src/scss/cadmin/components/_forms.scss +1 -1
  15. package/src/scss/cadmin/components/_input-groups.scss +2 -1
  16. package/src/scss/cadmin/components/_multi-step-nav.scss +3 -1
  17. package/src/scss/cadmin/components/_side-navigation.scss +2 -2
  18. package/src/scss/cadmin/components/_utilities-functional-important.scss +4 -0
  19. package/src/scss/cadmin/variables/_utilities.scss +35 -0
  20. package/src/scss/components/_alerts.scss +24 -22
  21. package/src/scss/components/_aspect-ratio.scss +33 -31
  22. package/src/scss/components/_badges.scss +28 -26
  23. package/src/scss/components/_buttons.scss +105 -97
  24. package/src/scss/components/_drilldown.scss +1 -1
  25. package/src/scss/components/_dropdowns.scss +10 -8
  26. package/src/scss/components/_forms.scss +12 -9
  27. package/src/scss/components/_input-groups.scss +2 -1
  28. package/src/scss/components/_labels.scss +48 -44
  29. package/src/scss/components/_list-group.scss +13 -11
  30. package/src/scss/components/_loaders.scss +22 -18
  31. package/src/scss/components/_modals.scss +4 -2
  32. package/src/scss/components/_multi-step-nav.scss +3 -1
  33. package/src/scss/components/_navs.scss +10 -8
  34. package/src/scss/components/_popovers.scss +33 -27
  35. package/src/scss/components/_progress-bars.scss +39 -33
  36. package/src/scss/components/_sheets.scss +39 -0
  37. package/src/scss/components/_side-navigation.scss +2 -2
  38. package/src/scss/components/_sidebar.scss +12 -10
  39. package/src/scss/components/_spinners.scss +20 -0
  40. package/src/scss/components/_stickers.scss +50 -46
  41. package/src/scss/components/_tables.scss +32 -30
  42. package/src/scss/components/_utilities-functional-important.scss +79 -63
  43. package/src/scss/functions/_global-functions.scss +25 -1
  44. package/src/scss/mixins/_alerts.scss +11 -9
  45. package/src/scss/mixins/_buttons.scss +60 -0
  46. package/src/scss/mixins/_dropdown-menu.scss +36 -0
  47. package/src/scss/mixins/_globals.scss +83 -1
  48. package/src/scss/mixins/_links.scss +9 -7
  49. package/src/scss/mixins/_transition.scss +15 -1
  50. package/src/scss/variables/_sheets.scss +17 -0
  51. package/src/scss/variables/_utilities.scss +35 -0
@@ -1,6 +1,6 @@
1
1
  @charset "UTF-8";
2
2
  /**
3
- * Clay 3.92.0
3
+ * Clay 3.94.0
4
4
  *
5
5
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
6
6
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -16,7 +16,7 @@
16
16
  * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap
17
17
  */
18
18
  /**
19
- * Clay 3.92.0
19
+ * Clay 3.94.0
20
20
  *
21
21
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
22
22
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -919,7 +919,7 @@ html:not(#__):not(#___) .cadmin .btn {
919
919
  transition: none;
920
920
  }
921
921
  }
922
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .btn {
922
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .btn {
923
923
  transition: none;
924
924
  }
925
925
 
@@ -1812,7 +1812,7 @@ html:not(#__):not(#___) .cadmin .fade, html:not(#__):not(#___) .cadmin.fade {
1812
1812
  transition: none;
1813
1813
  }
1814
1814
  }
1815
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .fade, .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin.fade {
1815
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .fade, html:not(#__):not(#___) .cadmin.c-prefers-reduced-motion.fade {
1816
1816
  transition: none;
1817
1817
  }
1818
1818
 
@@ -1833,7 +1833,7 @@ html:not(#__):not(#___) .cadmin .collapsing, html:not(#__):not(#___) .cadmin.col
1833
1833
  transition: none;
1834
1834
  }
1835
1835
  }
1836
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .collapsing, .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin.collapsing {
1836
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .collapsing, html:not(#__):not(#___) .cadmin.c-prefers-reduced-motion.collapsing {
1837
1837
  transition: none;
1838
1838
  }
1839
1839
 
@@ -3797,7 +3797,7 @@ html:not(#__):not(#___) .cadmin .badge {
3797
3797
  transition: none;
3798
3798
  }
3799
3799
  }
3800
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .badge {
3800
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .badge {
3801
3801
  transition: none;
3802
3802
  }
3803
3803
 
@@ -4011,7 +4011,7 @@ html:not(#__):not(#___) .cadmin .breadcrumb-link {
4011
4011
  transition: none;
4012
4012
  }
4013
4013
  }
4014
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .breadcrumb-link {
4014
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .breadcrumb-link {
4015
4015
  transition: none;
4016
4016
  }
4017
4017
 
@@ -4278,7 +4278,7 @@ html:not(#__):not(#___) .cadmin .label {
4278
4278
  transition: none;
4279
4279
  }
4280
4280
  }
4281
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .label {
4281
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .label {
4282
4282
  transition: none;
4283
4283
  }
4284
4284
 
@@ -5525,7 +5525,7 @@ html:not(#__):not(#___) .cadmin .card-interactive {
5525
5525
  transition: none;
5526
5526
  }
5527
5527
  }
5528
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .card-interactive {
5528
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .card-interactive {
5529
5529
  transition: none;
5530
5530
  }
5531
5531
 
@@ -5554,7 +5554,7 @@ html:not(#__):not(#___) .cadmin .card-interactive::after {
5554
5554
  transition: none;
5555
5555
  }
5556
5556
  }
5557
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .card-interactive::after {
5557
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .card-interactive::after {
5558
5558
  transition: none;
5559
5559
  }
5560
5560
 
@@ -6488,7 +6488,7 @@ html:not(#__):not(#___) .cadmin .form-control {
6488
6488
  transition: none;
6489
6489
  }
6490
6490
  }
6491
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .form-control {
6491
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .form-control {
6492
6492
  transition: none;
6493
6493
  }
6494
6494
 
@@ -6865,6 +6865,15 @@ html:not(#__):not(#___) .cadmin .form-control[type=range]::-webkit-slider-thumb
6865
6865
  border-radius: 100px;
6866
6866
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
6867
6867
  }
6868
+ @media (prefers-reduced-motion: reduce) {
6869
+ html:not(#__):not(#___) .cadmin .form-control[type=range]::-webkit-slider-thumb {
6870
+ transition: none;
6871
+ }
6872
+ }
6873
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .form-control[type=range]::-webkit-slider-thumb {
6874
+ transition: none;
6875
+ }
6876
+
6868
6877
  html:not(#__):not(#___) .cadmin .form-control-range {
6869
6878
  display: block;
6870
6879
  width: 100%;
@@ -6940,7 +6949,7 @@ html:not(#__):not(#___) .cadmin .form-control-plaintext[readonly] {
6940
6949
  transition: none;
6941
6950
  }
6942
6951
  }
6943
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .form-control-plaintext[readonly] {
6952
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .form-control-plaintext[readonly] {
6944
6953
  transition: none;
6945
6954
  }
6946
6955
 
@@ -7140,7 +7149,7 @@ html:not(#__):not(#___) .cadmin .c-link {
7140
7149
  transition: none;
7141
7150
  }
7142
7151
  }
7143
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .c-link {
7152
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .c-link {
7144
7153
  transition: none;
7145
7154
  }
7146
7155
 
@@ -7177,7 +7186,7 @@ html:not(#__):not(#___) .cadmin .component-link {
7177
7186
  transition: none;
7178
7187
  }
7179
7188
  }
7180
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .component-link {
7189
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .component-link {
7181
7190
  transition: none;
7182
7191
  }
7183
7192
 
@@ -7202,7 +7211,7 @@ html:not(#__):not(#___) .cadmin .link-primary {
7202
7211
  transition: none;
7203
7212
  }
7204
7213
  }
7205
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .link-primary {
7214
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .link-primary {
7206
7215
  transition: none;
7207
7216
  }
7208
7217
 
@@ -7224,7 +7233,7 @@ html:not(#__):not(#___) .cadmin .link-secondary {
7224
7233
  transition: none;
7225
7234
  }
7226
7235
  }
7227
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .link-secondary {
7236
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .link-secondary {
7228
7237
  transition: none;
7229
7238
  }
7230
7239
 
@@ -7263,7 +7272,7 @@ html:not(#__):not(#___) .cadmin .link-outline {
7263
7272
  transition: none;
7264
7273
  }
7265
7274
  }
7266
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .link-outline {
7275
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .link-outline {
7267
7276
  transition: none;
7268
7277
  }
7269
7278
 
@@ -7394,8 +7403,7 @@ html:not(#__):not(#___) .cadmin .component-title [href] {
7394
7403
  transition: none;
7395
7404
  }
7396
7405
  }
7397
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .component-title[href],
7398
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .component-title [href] {
7406
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .component-title[href], html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .component-title [href] {
7399
7407
  transition: none;
7400
7408
  }
7401
7409
 
@@ -7429,8 +7437,7 @@ html:not(#__):not(#___) .cadmin .component-subtitle [href] {
7429
7437
  transition: none;
7430
7438
  }
7431
7439
  }
7432
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .component-subtitle[href],
7433
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .component-subtitle [href] {
7440
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .component-subtitle[href], html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .component-subtitle [href] {
7434
7441
  transition: none;
7435
7442
  }
7436
7443
 
@@ -7468,7 +7475,7 @@ html:not(#__):not(#___) .cadmin .component-action {
7468
7475
  transition: none;
7469
7476
  }
7470
7477
  }
7471
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .component-action {
7478
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .component-action {
7472
7479
  transition: none;
7473
7480
  }
7474
7481
 
@@ -7573,7 +7580,7 @@ html:not(#__):not(#___) .cadmin .clay-range-input .tooltip {
7573
7580
  transition: none;
7574
7581
  }
7575
7582
  }
7576
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .clay-range-input .tooltip {
7583
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .clay-range-input .tooltip {
7577
7584
  transition: none;
7578
7585
  }
7579
7586
 
@@ -7917,7 +7924,7 @@ html:not(#__):not(#___) .cadmin .clay-color-pointer {
7917
7924
  transition: none;
7918
7925
  }
7919
7926
  }
7920
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .clay-color-pointer {
7927
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .clay-color-pointer {
7921
7928
  transition: none;
7922
7929
  }
7923
7930
 
@@ -8110,7 +8117,7 @@ html:not(#__):not(#___) .cadmin .custom-control-label::before {
8110
8117
  transition: none;
8111
8118
  }
8112
8119
  }
8113
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .custom-control-label::before {
8120
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .custom-control-label::before {
8114
8121
  transition: none;
8115
8122
  }
8116
8123
 
@@ -8161,7 +8168,7 @@ html:not(#__):not(#___) .cadmin .custom-control-label::before {
8161
8168
  transition: none;
8162
8169
  }
8163
8170
  }
8164
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .custom-control-label::before {
8171
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .custom-control-label::before {
8165
8172
  transition: none;
8166
8173
  }
8167
8174
 
@@ -8455,7 +8462,7 @@ html:not(#__):not(#___) .cadmin .date-picker-nav .nav-btn {
8455
8462
  transition: none;
8456
8463
  }
8457
8464
  }
8458
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .date-picker-nav .nav-btn {
8465
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .date-picker-nav .nav-btn {
8459
8466
  transition: none;
8460
8467
  }
8461
8468
 
@@ -8579,7 +8586,7 @@ html:not(#__):not(#___) .cadmin .date-picker-calendar-item {
8579
8586
  transition: none;
8580
8587
  }
8581
8588
  }
8582
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .date-picker-calendar-item {
8589
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .date-picker-calendar-item {
8583
8590
  transition: none;
8584
8591
  }
8585
8592
 
@@ -9308,6 +9315,15 @@ html:not(#__):not(#___) .cadmin .input-group .input-group-inset-item {
9308
9315
  padding-right: 5px;
9309
9316
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
9310
9317
  }
9318
+ @media (prefers-reduced-motion: reduce) {
9319
+ html:not(#__):not(#___) .cadmin .input-group .input-group-inset-item {
9320
+ transition: none;
9321
+ }
9322
+ }
9323
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .input-group .input-group-inset-item {
9324
+ transition: none;
9325
+ }
9326
+
9311
9327
  html:not(#__):not(#___) .cadmin .input-group .input-group-inset-item .btn {
9312
9328
  align-items: center;
9313
9329
  display: flex;
@@ -9527,8 +9543,7 @@ html:not(#__):not(#___) .cadmin .list-group-title [href] {
9527
9543
  transition: none;
9528
9544
  }
9529
9545
  }
9530
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .list-group-title[href],
9531
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .list-group-title [href] {
9546
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .list-group-title[href], html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .list-group-title [href] {
9532
9547
  transition: none;
9533
9548
  }
9534
9549
 
@@ -9561,8 +9576,7 @@ html:not(#__):not(#___) .cadmin .list-group-subtitle [href] {
9561
9576
  transition: none;
9562
9577
  }
9563
9578
  }
9564
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .list-group-subtitle[href],
9565
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .list-group-subtitle [href] {
9579
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .list-group-subtitle[href], html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .list-group-subtitle [href] {
9566
9580
  transition: none;
9567
9581
  }
9568
9582
 
@@ -9595,8 +9609,7 @@ html:not(#__):not(#___) .cadmin .list-group-text [href] {
9595
9609
  transition: none;
9596
9610
  }
9597
9611
  }
9598
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .list-group-text[href],
9599
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .list-group-text [href] {
9612
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .list-group-text[href], html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .list-group-text [href] {
9600
9613
  transition: none;
9601
9614
  }
9602
9615
 
@@ -9630,8 +9643,7 @@ html:not(#__):not(#___) .cadmin .list-group-subtext [href] {
9630
9643
  transition: none;
9631
9644
  }
9632
9645
  }
9633
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .list-group-subtext[href],
9634
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .list-group-subtext [href] {
9646
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .list-group-subtext[href], html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .list-group-subtext [href] {
9635
9647
  transition: none;
9636
9648
  }
9637
9649
 
@@ -9998,7 +10010,7 @@ html:not(#__):not(#___) .cadmin .modal.fade .modal-dialog, html:not(#__):not(#__
9998
10010
  transition: none;
9999
10011
  }
10000
10012
  }
10001
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .modal.fade .modal-dialog, .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin.modal.fade .modal-dialog {
10013
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .modal.fade .modal-dialog, html:not(#__):not(#___) .cadmin.c-prefers-reduced-motion.modal.fade .modal-dialog {
10002
10014
  transition: none;
10003
10015
  }
10004
10016
 
@@ -10560,6 +10572,15 @@ html:not(#__):not(#___) .cadmin .multi-step-icon {
10560
10572
  transition: box-shadow 0.15s ease-in-out;
10561
10573
  width: 32px;
10562
10574
  }
10575
+ @media (prefers-reduced-motion: reduce) {
10576
+ html:not(#__):not(#___) .cadmin .multi-step-icon {
10577
+ transition: none;
10578
+ }
10579
+ }
10580
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .multi-step-icon {
10581
+ transition: none;
10582
+ }
10583
+
10563
10584
  html:not(#__):not(#___) .cadmin .multi-step-icon:hover {
10564
10585
  background-color: #f1f2f5;
10565
10586
  color: #6b6c7e;
@@ -10997,7 +11018,7 @@ html:not(#__):not(#___) .cadmin .nav-tabs .nav-link {
10997
11018
  transition: none;
10998
11019
  }
10999
11020
  }
11000
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .nav-tabs .nav-link {
11021
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .nav-tabs .nav-link {
11001
11022
  transition: none;
11002
11023
  }
11003
11024
 
@@ -11155,7 +11176,7 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent
11155
11176
  transition: none;
11156
11177
  }
11157
11178
  }
11158
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link {
11179
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .menubar-vertical-expand-md.menubar-transparent .nav-link {
11159
11180
  transition: none;
11160
11181
  }
11161
11182
 
@@ -11209,7 +11230,7 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent
11209
11230
  }
11210
11231
  }
11211
11232
  @media (max-width: 767.98px) {
11212
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .menubar-toggler {
11233
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .menubar-vertical-expand-md.menubar-transparent .menubar-toggler {
11213
11234
  transition: none;
11214
11235
  }
11215
11236
  }
@@ -11348,7 +11369,7 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent
11348
11369
  transition: none;
11349
11370
  }
11350
11371
  }
11351
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link {
11372
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .menubar-vertical-expand-lg.menubar-transparent .nav-link {
11352
11373
  transition: none;
11353
11374
  }
11354
11375
 
@@ -11402,7 +11423,7 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent
11402
11423
  }
11403
11424
  }
11404
11425
  @media (max-width: 991.98px) {
11405
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler {
11426
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler {
11406
11427
  transition: none;
11407
11428
  }
11408
11429
  }
@@ -12478,7 +12499,7 @@ html:not(#__):not(#___) .cadmin .management-bar .navbar-nav .nav-link {
12478
12499
  transition: none;
12479
12500
  }
12480
12501
  }
12481
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .management-bar .navbar-nav .nav-link {
12502
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .management-bar .navbar-nav .nav-link {
12482
12503
  transition: none;
12483
12504
  }
12484
12505
 
@@ -12498,7 +12519,7 @@ html:not(#__):not(#___) .cadmin .management-bar .navbar-brand {
12498
12519
  transition: none;
12499
12520
  }
12500
12521
  }
12501
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .management-bar .navbar-brand {
12522
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .management-bar .navbar-brand {
12502
12523
  transition: none;
12503
12524
  }
12504
12525
 
@@ -13106,7 +13127,7 @@ html:not(#__):not(#___) .cadmin .page-link {
13106
13127
  transition: none;
13107
13128
  }
13108
13129
  }
13109
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .page-link {
13130
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .page-link {
13110
13131
  transition: none;
13111
13132
  }
13112
13133
 
@@ -13221,8 +13242,7 @@ html:not(#__):not(#___) .cadmin .pagination-items-per-page > button {
13221
13242
  transition: none;
13222
13243
  }
13223
13244
  }
13224
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .pagination-items-per-page > a,
13225
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .pagination-items-per-page > button {
13245
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .pagination-items-per-page > a, html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .pagination-items-per-page > button {
13226
13246
  transition: none;
13227
13247
  }
13228
13248
 
@@ -13468,7 +13488,7 @@ html:not(#__):not(#___) .cadmin .panel-header-link {
13468
13488
  transition: none;
13469
13489
  }
13470
13490
  }
13471
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .panel-header-link {
13491
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .panel-header-link {
13472
13492
  transition: none;
13473
13493
  }
13474
13494
 
@@ -14088,7 +14108,7 @@ html:not(#__):not(#___) .cadmin .progress-bar {
14088
14108
  transition: none;
14089
14109
  }
14090
14110
  }
14091
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .progress-bar {
14111
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .progress-bar {
14092
14112
  transition: none;
14093
14113
  }
14094
14114
 
@@ -14412,7 +14432,7 @@ html:not(#__):not(#___) .cadmin a.sheet-subtitle {
14412
14432
  transition: none;
14413
14433
  }
14414
14434
  }
14415
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin a.sheet-subtitle {
14435
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion a.sheet-subtitle {
14416
14436
  transition: none;
14417
14437
  }
14418
14438
 
@@ -14566,9 +14586,31 @@ html:not(#__):not(#___) .cadmin.sidenav-transition .sidenav-menu,
14566
14586
  html:not(#__):not(#___) .cadmin.sidenav-transition .sidenav-menu-slider {
14567
14587
  transition: all 0.5s ease;
14568
14588
  }
14589
+ @media (prefers-reduced-motion: reduce) {
14590
+ html:not(#__):not(#___) .cadmin .sidenav-transition .sidenav-content,
14591
+ html:not(#__):not(#___) .cadmin .sidenav-transition .sidenav-menu,
14592
+ html:not(#__):not(#___) .cadmin .sidenav-transition .sidenav-menu-slider, html:not(#__):not(#___) .cadmin.sidenav-transition .sidenav-content,
14593
+ html:not(#__):not(#___) .cadmin.sidenav-transition .sidenav-menu,
14594
+ html:not(#__):not(#___) .cadmin.sidenav-transition .sidenav-menu-slider {
14595
+ transition: none;
14596
+ }
14597
+ }
14598
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .sidenav-transition .sidenav-content, html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .sidenav-transition .sidenav-menu, html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .sidenav-transition .sidenav-menu-slider, html:not(#__):not(#___) .cadmin.c-prefers-reduced-motion.sidenav-transition .sidenav-content, html:not(#__):not(#___) .cadmin.c-prefers-reduced-motion.sidenav-transition .sidenav-menu, html:not(#__):not(#___) .cadmin.c-prefers-reduced-motion.sidenav-transition .sidenav-menu-slider {
14599
+ transition: none;
14600
+ }
14601
+
14569
14602
  html:not(#__):not(#___) .cadmin .sidenav-transition, html:not(#__):not(#___) .cadmin.sidenav-transition {
14570
14603
  transition: all 0.5s ease;
14571
14604
  }
14605
+ @media (prefers-reduced-motion: reduce) {
14606
+ html:not(#__):not(#___) .cadmin .sidenav-transition, html:not(#__):not(#___) .cadmin.sidenav-transition {
14607
+ transition: none;
14608
+ }
14609
+ }
14610
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .sidenav-transition, html:not(#__):not(#___) .cadmin.c-prefers-reduced-motion.sidenav-transition {
14611
+ transition: none;
14612
+ }
14613
+
14572
14614
  html:not(#__):not(#___) .cadmin .sidenav-fixed.sidenav-menu-slider, html:not(#__):not(#___) .cadmin.sidenav-fixed.sidenav-menu-slider {
14573
14615
  bottom: 0;
14574
14616
  left: 0;
@@ -14806,7 +14848,7 @@ html:not(#__):not(#___) .cadmin .sidebar-dark .nav-nested .nav-link {
14806
14848
  transition: none;
14807
14849
  }
14808
14850
  }
14809
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .sidebar-dark .nav-nested .nav-link {
14851
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .sidebar-dark .nav-nested .nav-link {
14810
14852
  transition: none;
14811
14853
  }
14812
14854
 
@@ -14868,7 +14910,7 @@ html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .nav-nested .nav-link {
14868
14910
  transition: none;
14869
14911
  }
14870
14912
  }
14871
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .sidebar-dark-l2 .nav-nested .nav-link {
14913
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .sidebar-dark-l2 .nav-nested .nav-link {
14872
14914
  transition: none;
14873
14915
  }
14874
14916
 
@@ -14904,7 +14946,7 @@ html:not(#__):not(#___) .cadmin .c-slideout-transition-in {
14904
14946
  transition: none;
14905
14947
  }
14906
14948
  }
14907
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .c-slideout-transition-in {
14949
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .c-slideout-transition-in {
14908
14950
  transition: none;
14909
14951
  }
14910
14952
 
@@ -14916,7 +14958,7 @@ html:not(#__):not(#___) .cadmin .c-slideout-transition-out {
14916
14958
  transition: none;
14917
14959
  }
14918
14960
  }
14919
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .c-slideout-transition-out {
14961
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .c-slideout-transition-out {
14920
14962
  transition: none;
14921
14963
  }
14922
14964
 
@@ -15087,7 +15129,7 @@ html:not(#__):not(#___) .cadmin .table thead th [href] {
15087
15129
  transition: none;
15088
15130
  }
15089
15131
  }
15090
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .table thead th [href] {
15132
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .table thead th [href] {
15091
15133
  transition: none;
15092
15134
  }
15093
15135
 
@@ -15313,7 +15355,7 @@ html:not(#__):not(#___) .cadmin .table-title a {
15313
15355
  transition: none;
15314
15356
  }
15315
15357
  }
15316
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .table-title a {
15358
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .table-title a {
15317
15359
  transition: none;
15318
15360
  }
15319
15361
 
@@ -15336,7 +15378,7 @@ html:not(#__):not(#___) .cadmin .table-link {
15336
15378
  transition: none;
15337
15379
  }
15338
15380
  }
15339
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .table-link {
15381
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .table-link {
15340
15382
  transition: none;
15341
15383
  }
15342
15384
 
@@ -15364,7 +15406,7 @@ html:not(#__):not(#___) .cadmin .table-action-link {
15364
15406
  transition: none;
15365
15407
  }
15366
15408
  }
15367
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .table-action-link {
15409
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .table-action-link {
15368
15410
  transition: none;
15369
15411
  }
15370
15412
 
@@ -15653,7 +15695,7 @@ html:not(#__):not(#___) .cadmin .table-list-title a {
15653
15695
  transition: none;
15654
15696
  }
15655
15697
  }
15656
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .table-list-title a {
15698
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .table-list-title a {
15657
15699
  transition: none;
15658
15700
  }
15659
15701
 
@@ -15676,7 +15718,7 @@ html:not(#__):not(#___) .cadmin .table-list-link {
15676
15718
  transition: none;
15677
15719
  }
15678
15720
  }
15679
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .table-list-link {
15721
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .table-list-link {
15680
15722
  transition: none;
15681
15723
  }
15682
15724
 
@@ -15703,7 +15745,7 @@ html:not(#__):not(#___) .cadmin .table-list-action-link {
15703
15745
  transition: none;
15704
15746
  }
15705
15747
  }
15706
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .table-list-action-link {
15748
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .table-list-action-link {
15707
15749
  transition: none;
15708
15750
  }
15709
15751
 
@@ -16830,7 +16872,7 @@ html:not(#__):not(#___) .cadmin .toggle-switch-check ~ .toggle-switch-bar::befor
16830
16872
  transition: none;
16831
16873
  }
16832
16874
  }
16833
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .toggle-switch-check ~ .toggle-switch-bar::before {
16875
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .toggle-switch-check ~ .toggle-switch-bar::before {
16834
16876
  transition: none;
16835
16877
  }
16836
16878
 
@@ -16855,7 +16897,7 @@ html:not(#__):not(#___) .cadmin .toggle-switch-check ~ .toggle-switch-bar::after
16855
16897
  transition: none;
16856
16898
  }
16857
16899
  }
16858
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .toggle-switch-check ~ .toggle-switch-bar::after {
16900
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .toggle-switch-check ~ .toggle-switch-bar::after {
16859
16901
  transition: none;
16860
16902
  }
16861
16903
 
@@ -16867,7 +16909,7 @@ html:not(#__):not(#___) .cadmin .toggle-switch-check ~ .toggle-switch-bar .toggl
16867
16909
  transition: none;
16868
16910
  }
16869
16911
  }
16870
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::before {
16912
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::before {
16871
16913
  transition: none;
16872
16914
  }
16873
16915
 
@@ -16882,7 +16924,7 @@ html:not(#__):not(#___) .cadmin .toggle-switch-check ~ .toggle-switch-bar .toggl
16882
16924
  transition: none;
16883
16925
  }
16884
16926
  }
16885
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after {
16927
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after {
16886
16928
  transition: none;
16887
16929
  }
16888
16930
 
@@ -16903,7 +16945,7 @@ html:not(#__):not(#___) .cadmin .toggle-switch-check ~ .toggle-switch-bar .toggl
16903
16945
  transition: none;
16904
16946
  }
16905
16947
  }
16906
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon {
16948
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon {
16907
16949
  transition: none;
16908
16950
  }
16909
16951
 
@@ -17411,7 +17453,7 @@ html:not(#__):not(#___) .cadmin .treeview.show-component-expander-on-hover:hover
17411
17453
  transition: none;
17412
17454
  }
17413
17455
  }
17414
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .treeview.show-component-expander-on-hover:hover .component-expander, .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .treeview.show-component-expander-on-hover.hover .component-expander {
17456
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .treeview.show-component-expander-on-hover:hover .component-expander, html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .treeview.show-component-expander-on-hover.hover .component-expander {
17415
17457
  transition: none;
17416
17458
  }
17417
17459
 
@@ -17428,7 +17470,7 @@ html:not(#__):not(#___) .cadmin .treeview.show-component-expander-on-hover .comp
17428
17470
  transition: none;
17429
17471
  }
17430
17472
  }
17431
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .treeview.show-component-expander-on-hover .component-expander {
17473
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .treeview.show-component-expander-on-hover .component-expander {
17432
17474
  transition: none;
17433
17475
  }
17434
17476
 
@@ -17642,7 +17684,7 @@ html:not(#__):not(#___) .cadmin .close::-ms-expand {
17642
17684
  transition: none;
17643
17685
  }
17644
17686
  }
17645
- .c-prefers-reduced-motion html:not(#__):not(#___) .cadmin .close {
17687
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .close {
17646
17688
  transition: none;
17647
17689
  }
17648
17690
 
@@ -21689,6 +21731,36 @@ html:not(#__):not(#___) .cadmin .d-inline-flex, html:not(#__):not(#___) .cadmin.
21689
21731
  html:not(#__):not(#___) .cadmin .hide {
21690
21732
  display: none !important;
21691
21733
  }
21734
+ html:not(#__):not(#___) .cadmin .d-block-c-prefers-reduced-motion {
21735
+ display: none !important;
21736
+ }
21737
+ html:not(#__):not(#___) .cadmin .d-inline-block-c-prefers-reduced-motion {
21738
+ display: none !important;
21739
+ }
21740
+ @media (prefers-reduced-motion: reduce) {
21741
+ html:not(#__):not(#___) .cadmin .d-none-c-prefers-reduced-motion {
21742
+ display: none !important;
21743
+ }
21744
+ }
21745
+ @media (prefers-reduced-motion: reduce) {
21746
+ html:not(#__):not(#___) .cadmin .d-block-c-prefers-reduced-motion {
21747
+ display: block !important;
21748
+ }
21749
+ }
21750
+ @media (prefers-reduced-motion: reduce) {
21751
+ html:not(#__):not(#___) .cadmin .d-inline-block-c-prefers-reduced-motion {
21752
+ display: inline-block !important;
21753
+ }
21754
+ }
21755
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .d-none-c-prefers-reduced-motion {
21756
+ display: none !important;
21757
+ }
21758
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .d-block-c-prefers-reduced-motion {
21759
+ display: block !important;
21760
+ }
21761
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .d-inline-block-c-prefers-reduced-motion {
21762
+ display: inline-block !important;
21763
+ }
21692
21764
  @media print {
21693
21765
  html:not(#__):not(#___) .cadmin .d-print-none {
21694
21766
  display: none !important;
@@ -25884,6 +25956,10 @@ html:not(#__):not(#___) .cadmin .loading-animation::before {
25884
25956
  top: 50%;
25885
25957
  width: 0.25em;
25886
25958
  }
25959
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .loading-animation::before {
25960
+ animation: none;
25961
+ }
25962
+
25887
25963
  html:not(#__):not(#___) .cadmin .loading-animation::after {
25888
25964
  animation: cadmin-loading-animation-circle 1s linear infinite;
25889
25965
  background-color: currentColor;
@@ -25897,6 +25973,10 @@ html:not(#__):not(#___) .cadmin .loading-animation::after {
25897
25973
  padding: 0.25em;
25898
25974
  width: 1em;
25899
25975
  }
25976
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .loading-animation::after {
25977
+ animation: none;
25978
+ }
25979
+
25900
25980
  @keyframes cadmin-loading-animation-squares-box-1 {
25901
25981
  0% {
25902
25982
  left: 0;
@@ -25974,6 +26054,10 @@ html:not(#__):not(#___) .cadmin .loading-animation-squares::before {
25974
26054
  transform: scale(1);
25975
26055
  width: 1em;
25976
26056
  }
26057
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .loading-animation-squares::before {
26058
+ animation: none;
26059
+ }
26060
+
25977
26061
  html:not(#__):not(#___) .cadmin .loading-animation-squares::after {
25978
26062
  animation: cadmin-loading-animation-squares-box-2 2.4s ease-in-out infinite;
25979
26063
  background-color: currentColor;
@@ -25989,6 +26073,10 @@ html:not(#__):not(#___) .cadmin .loading-animation-squares::after {
25989
26073
  transform: scale(2);
25990
26074
  width: 1em;
25991
26075
  }
26076
+ html:not(#__):not(#___) .cadmin .c-prefers-reduced-motion .loading-animation-squares::after {
26077
+ animation: none;
26078
+ }
26079
+
25992
26080
  html:not(#__):not(#___) .cadmin .loading-animation-xs {
25993
26081
  font-size: 10px;
25994
26082
  }