@clayui/css 3.105.1-alpha.9 → 3.106.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 (33) hide show
  1. package/lib/css/atlas.css +66 -44
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +62 -46
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/bootstrap.css +0 -0
  6. package/lib/css/bootstrap.css.map +1 -1
  7. package/lib/css/cadmin.css +71 -52
  8. package/lib/css/cadmin.css.map +1 -1
  9. package/lib/images/icons/bookmarks-full.svg +7 -2
  10. package/lib/images/icons/bookmarks.svg +7 -2
  11. package/lib/images/icons/icons.svg +1 -1
  12. package/package.json +2 -2
  13. package/src/images/icons/bookmarks-full.svg +7 -2
  14. package/src/images/icons/bookmarks.svg +7 -2
  15. package/src/scss/_license-text.scss +1 -1
  16. package/src/scss/atlas/variables/_dropdowns.scss +6 -1
  17. package/src/scss/cadmin/components/_custom-forms.scss +4 -0
  18. package/src/scss/cadmin/components/_dropdowns.scss +6 -0
  19. package/src/scss/cadmin/components/_panels.scss +5 -1
  20. package/src/scss/cadmin/variables/_buttons.scss +4 -0
  21. package/src/scss/cadmin/variables/_custom-forms.scss +26 -6
  22. package/src/scss/cadmin/variables/_dropdowns.scss +6 -1
  23. package/src/scss/cadmin/variables/_navs.scss +2 -5
  24. package/src/scss/cadmin/variables/_sidebar.scss +38 -0
  25. package/src/scss/components/_custom-forms.scss +4 -0
  26. package/src/scss/components/_dropdowns.scss +6 -0
  27. package/src/scss/components/_panels.scss +5 -1
  28. package/src/scss/functions/_lx-icons-generated.scss +2 -2
  29. package/src/scss/mixins/_sidebar.scss +25 -0
  30. package/src/scss/variables/_buttons.scss +4 -0
  31. package/src/scss/variables/_custom-forms.scss +26 -6
  32. package/src/scss/variables/_dropdowns.scss +0 -6
  33. package/src/scss/variables/_sidebar.scss +36 -0
package/lib/css/atlas.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @charset "UTF-8";
2
2
  /**
3
- * Clay 3.105.1-alpha.9+1fe334d52
3
+ * Clay 3.106.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>
@@ -1256,30 +1256,34 @@ fieldset:disabled a.btn:active {
1256
1256
  pointer-events: none;
1257
1257
  }
1258
1258
 
1259
- .btn-xs {
1259
+ .sidebar-sm .btn.btn-xs, .btn-xs {
1260
1260
  font-size: 0.75rem;
1261
+ line-height: 1.5;
1261
1262
  padding-bottom: 0.125rem;
1262
1263
  padding-left: 0.5rem;
1263
1264
  padding-right: 0.5rem;
1264
1265
  padding-top: 0.125rem;
1265
1266
  }
1266
- .btn-xs .c-inner {
1267
+ .sidebar-sm .btn.btn-xs .c-inner, .btn-xs .c-inner {
1267
1268
  margin-bottom: -0.125rem;
1268
1269
  margin-left: -0.5rem;
1269
1270
  margin-right: -0.5rem;
1270
1271
  margin-top: -0.125rem;
1271
1272
  }
1272
- .btn-xs .inline-item {
1273
+ .sidebar-sm .btn.btn-xs .lexicon-icon, .btn-xs .lexicon-icon {
1274
+ font-size: inherit;
1275
+ }
1276
+ .sidebar-sm .btn.btn-xs .inline-item, .btn-xs .inline-item {
1273
1277
  font-size: inherit;
1274
1278
  margin-top: -0.16em;
1275
1279
  }
1276
- .btn-xs .inline-item-before {
1280
+ .sidebar-sm .btn.btn-xs .inline-item-before, .btn-xs .inline-item-before {
1277
1281
  margin-right: 0.25rem;
1278
1282
  }
1279
- .btn-xs .inline-item-after {
1283
+ .sidebar-sm .btn.btn-xs .inline-item-after, .btn-xs .inline-item-after {
1280
1284
  margin-left: 0.25rem;
1281
1285
  }
1282
- .btn-xs .btn-section {
1286
+ .sidebar-sm .btn.btn-xs .btn-section, .btn-xs .btn-section {
1283
1287
  font-size: 0.375rem;
1284
1288
  }
1285
1289
  .btn-group-lg > .btn,
@@ -1307,7 +1311,7 @@ fieldset:disabled a.btn:active {
1307
1311
  .btn-group-lg .btn-group > .btn .btn-section, .btn-lg .btn-section {
1308
1312
  font-size: 0.8125rem;
1309
1313
  }
1310
- .form-group-sm .btn, .btn-group-sm > .btn,
1314
+ .sidebar-sm .btn, .form-group-sm .btn, .btn-group-sm > .btn,
1311
1315
  .btn-group-sm .btn-group > .btn, .btn-sm {
1312
1316
  border-radius: 0.1875rem;
1313
1317
  font-size: 0.875rem;
@@ -1317,18 +1321,18 @@ fieldset:disabled a.btn:active {
1317
1321
  padding-right: 0.75rem;
1318
1322
  padding-top: 0.4375rem;
1319
1323
  }
1320
- .form-group-sm .btn .c-inner, .btn-group-sm > .btn .c-inner,
1324
+ .sidebar-sm .btn .c-inner, .form-group-sm .btn .c-inner, .btn-group-sm > .btn .c-inner,
1321
1325
  .btn-group-sm .btn-group > .btn .c-inner, .btn-sm .c-inner {
1322
1326
  margin-bottom: -0.4375rem;
1323
1327
  margin-left: -0.75rem;
1324
1328
  margin-right: -0.75rem;
1325
1329
  margin-top: -0.4375rem;
1326
1330
  }
1327
- .form-group-sm .btn .lexicon-icon, .btn-group-sm > .btn .lexicon-icon,
1331
+ .sidebar-sm .btn .lexicon-icon, .form-group-sm .btn .lexicon-icon, .btn-group-sm > .btn .lexicon-icon,
1328
1332
  .btn-group-sm .btn-group > .btn .lexicon-icon, .btn-sm .lexicon-icon {
1329
1333
  font-size: 1rem;
1330
1334
  }
1331
- .form-group-sm .btn .btn-section, .btn-group-sm > .btn .btn-section,
1335
+ .sidebar-sm .btn .btn-section, .form-group-sm .btn .btn-section, .btn-group-sm > .btn .btn-section,
1332
1336
  .btn-group-sm .btn-group > .btn .btn-section, .btn-sm .btn-section {
1333
1337
  font-size: 0.5625rem;
1334
1338
  }
@@ -1364,7 +1368,7 @@ input[type=button].btn-block {
1364
1368
  margin: 0;
1365
1369
  max-width: none;
1366
1370
  }
1367
- .btn-monospaced.btn-xs {
1371
+ .sidebar-sm .btn.btn-monospaced.btn-xs, .btn-monospaced.btn-xs {
1368
1372
  height: 1.5rem;
1369
1373
  width: 1.5rem;
1370
1374
  }
@@ -1409,7 +1413,7 @@ input[type=button].btn-block {
1409
1413
  height: 3rem;
1410
1414
  width: 3rem;
1411
1415
  }
1412
- .btn-group-vertical > .btn-monospaced.btn-sm, .btn-group-sm .btn-monospaced, .btn-monospaced.btn-sm {
1416
+ .sidebar-sm .btn.btn-monospaced, .btn-group-vertical > .btn-monospaced.btn-sm, .btn-group-sm .btn-monospaced, .btn-monospaced.btn-sm {
1413
1417
  height: 2rem;
1414
1418
  width: 2rem;
1415
1419
  }
@@ -6605,6 +6609,9 @@ input[type=button].btn-block {
6605
6609
  color: #6b6c7e;
6606
6610
  }
6607
6611
  .dropdown-section .custom-control-label-text {
6612
+ padding-left: 0.75rem;
6613
+ }
6614
+ .dropdown-section .custom-control-outside label {
6608
6615
  padding-left: 1.75rem;
6609
6616
  }
6610
6617
  .dropdown-section.active .custom-control-label {
@@ -8027,7 +8034,7 @@ textarea.form-control-lg,
8027
8034
  .form-control-lg.form-control-textarea {
8028
8035
  height: 120px;
8029
8036
  }
8030
- .input-group-sm .form-control, .form-group-sm .form-control,
8037
+ .sidebar-sm .form-control, .input-group-sm .form-control, .form-group-sm .form-control,
8031
8038
  .form-group-sm .form-control-plaintext, .form-control-sm {
8032
8039
  border-radius: 0.25rem;
8033
8040
  font-size: 0.875rem;
@@ -8038,7 +8045,8 @@ textarea.form-control-lg,
8038
8045
  padding-right: 0.75rem;
8039
8046
  padding-top: 0.25rem;
8040
8047
  }
8041
- .form-group-sm select.form-control, .form-control-select.form-control-sm {
8048
+ .sidebar-sm select.form-control,
8049
+ .sidebar-sm .form-control-select, .form-group-sm select.form-control, .form-control-select.form-control-sm {
8042
8050
  height: 2rem;
8043
8051
  padding-right: 2em;
8044
8052
  }
@@ -8047,7 +8055,7 @@ textarea.form-control-lg,
8047
8055
  .form-control-sm.form-control-textarea {
8048
8056
  height: 80px;
8049
8057
  }
8050
- .form-group-sm .input-group .form-control-tag-group, .input-group-sm .form-control-tag-group, .form-group-sm .form-control-tag-group.input-group, .form-control-tag-group.input-group-sm, .form-control-tag-group-sm.form-control {
8058
+ .sidebar-sm .form-control-tag-group, .form-group-sm .input-group .form-control-tag-group, .input-group-sm .form-control-tag-group, .form-group-sm .form-control-tag-group.input-group, .form-control-tag-group.input-group-sm, .form-control-tag-group-sm.form-control {
8051
8059
  border-radius: 0.25rem;
8052
8060
  font-size: 0.875rem;
8053
8061
  height: auto;
@@ -8058,16 +8066,16 @@ textarea.form-control-lg,
8058
8066
  padding-right: 0.25rem;
8059
8067
  padding-top: 0;
8060
8068
  }
8061
- .form-group-sm .input-group .form-control-tag-group .inline-item, .input-group-sm .form-control-tag-group .inline-item, .form-group-sm .form-control-tag-group.input-group .inline-item, .form-control-tag-group.input-group-sm .inline-item, .form-control-tag-group-sm.form-control .inline-item {
8069
+ .sidebar-sm .form-control-tag-group .inline-item, .form-group-sm .input-group .form-control-tag-group .inline-item, .input-group-sm .form-control-tag-group .inline-item, .form-group-sm .form-control-tag-group.input-group .inline-item, .form-control-tag-group.input-group-sm .inline-item, .form-control-tag-group-sm.form-control .inline-item {
8062
8070
  margin-bottom: 0;
8063
8071
  margin-top: 0;
8064
8072
  }
8065
- .form-group-sm .input-group .form-control-tag-group .label, .input-group-sm .form-control-tag-group .label, .form-group-sm .form-control-tag-group.input-group .label, .form-control-tag-group.input-group-sm .label, .form-control-tag-group-sm.form-control .label {
8073
+ .sidebar-sm .form-control-tag-group .label, .form-group-sm .input-group .form-control-tag-group .label, .input-group-sm .form-control-tag-group .label, .form-group-sm .form-control-tag-group.input-group .label, .form-control-tag-group.input-group-sm .label, .form-control-tag-group-sm.form-control .label {
8066
8074
  margin-bottom: 0.1875rem;
8067
8075
  margin-right: 0.25rem;
8068
8076
  margin-top: 0.1875rem;
8069
8077
  }
8070
- .form-group-sm .input-group .form-control-tag-group .form-control-inset, .input-group-sm .form-control-tag-group .form-control-inset, .form-group-sm .form-control-tag-group.input-group .form-control-inset, .form-control-tag-group.input-group-sm .form-control-inset, .form-control-tag-group-sm.form-control .form-control-inset {
8078
+ .sidebar-sm .form-control-tag-group .form-control-inset, .form-group-sm .input-group .form-control-tag-group .form-control-inset, .input-group-sm .form-control-tag-group .form-control-inset, .form-group-sm .form-control-tag-group.input-group .form-control-inset, .form-control-tag-group.input-group-sm .form-control-inset, .form-control-tag-group-sm.form-control .form-control-inset {
8071
8079
  margin-bottom: 0.125rem;
8072
8080
  margin-left: 0.5rem;
8073
8081
  margin-top: 0.1875rem;
@@ -9509,15 +9517,15 @@ button.link-outline {
9509
9517
  min-width: 1.125rem;
9510
9518
  }
9511
9519
 
9512
- .form-group-sm .clay-color.input-group > .input-group-item > .input-group-inset-item-before, .clay-color.input-group-sm > .input-group-item > .input-group-inset-item-before {
9520
+ .sidebar-sm .clay-color.input-group > .input-group-item > .input-group-inset-item-before, .form-group-sm .clay-color.input-group > .input-group-item > .input-group-inset-item-before, .clay-color.input-group-sm > .input-group-item > .input-group-inset-item-before {
9513
9521
  padding-left: 0.75rem;
9514
9522
  }
9515
9523
 
9516
- .form-group-sm .clay-color.input-group > .input-group-item > .input-group-text, .clay-color.input-group-sm > .input-group-item > .input-group-text {
9524
+ .sidebar-sm .clay-color.input-group > .input-group-item > .input-group-text, .form-group-sm .clay-color.input-group > .input-group-item > .input-group-text, .clay-color.input-group-sm > .input-group-item > .input-group-text {
9517
9525
  padding: 0;
9518
9526
  }
9519
9527
 
9520
- .form-group-sm .clay-color.input-group > .input-group-item > .input-group-text > .clay-color-btn, .clay-color.input-group-sm > .input-group-item > .input-group-text > .clay-color-btn {
9528
+ .sidebar-sm .clay-color.input-group > .input-group-item > .input-group-text > .clay-color-btn, .form-group-sm .clay-color.input-group > .input-group-item > .input-group-text > .clay-color-btn, .clay-color.input-group-sm > .input-group-item > .input-group-text > .clay-color-btn {
9521
9529
  border-radius: 2px;
9522
9530
  height: 1.25rem;
9523
9531
  padding: 0;
@@ -9636,8 +9644,7 @@ label.custom-control-label {
9636
9644
  }
9637
9645
 
9638
9646
  .custom-control-label-text {
9639
- display: block;
9640
- padding-left: calc( 1rem + 0.5rem );
9647
+ padding-left: 0.5rem;
9641
9648
  }
9642
9649
  .custom-control-label-text small,
9643
9650
  .custom-control-label-text .small {
@@ -9815,6 +9822,16 @@ label.custom-control-label {
9815
9822
  background-color: #b3cdff;
9816
9823
  border-color: #b3cdff;
9817
9824
  }
9825
+ .custom-control-outside label {
9826
+ display: block;
9827
+ padding-left: calc( 1rem + 0.5rem );
9828
+ }
9829
+ .custom-control-outside .custom-control-label-text {
9830
+ padding-left: 0;
9831
+ }
9832
+ .custom-control-outside .custom-control-input ~ .custom-control-label::before {
9833
+ position: absolute;
9834
+ }
9818
9835
  .custom-control-inline {
9819
9836
  display: inline-flex;
9820
9837
  }
@@ -11473,7 +11490,7 @@ label.custom-control-label {
11473
11490
  margin-bottom: 0;
11474
11491
  margin-top: 0;
11475
11492
  }
11476
- .form-group-sm .input-group > .input-group-item > .btn, .input-group-sm > .input-group-item > .btn {
11493
+ .sidebar-sm .input-group > .input-group-item > .btn, .form-group-sm .input-group > .input-group-item > .btn, .input-group-sm > .input-group-item > .btn {
11477
11494
  font-size: 0.875rem;
11478
11495
  line-height: 1.15;
11479
11496
  padding-bottom: 0.4375rem;
@@ -11481,21 +11498,21 @@ label.custom-control-label {
11481
11498
  padding-right: 0.75rem;
11482
11499
  padding-top: 0.4375rem;
11483
11500
  }
11484
- .form-group-sm .input-group > .input-group-item > .btn .c-inner, .input-group-sm > .input-group-item > .btn .c-inner {
11501
+ .sidebar-sm .input-group > .input-group-item > .btn .c-inner, .form-group-sm .input-group > .input-group-item > .btn .c-inner, .input-group-sm > .input-group-item > .btn .c-inner {
11485
11502
  margin-bottom: -0.4375rem;
11486
11503
  margin-left: -0.75rem;
11487
11504
  margin-right: -0.75rem;
11488
11505
  margin-top: -0.4375rem;
11489
11506
  }
11490
- .form-group-sm .input-group > .input-group-item > .btn .btn-section, .input-group-sm > .input-group-item > .btn .btn-section {
11507
+ .sidebar-sm .input-group > .input-group-item > .btn .btn-section, .form-group-sm .input-group > .input-group-item > .btn .btn-section, .input-group-sm > .input-group-item > .btn .btn-section {
11491
11508
  font-size: 0.5625rem;
11492
11509
  }
11493
- .form-group-sm .input-group > .input-group-item > .btn-monospaced, .input-group-sm > .input-group-item > .btn-monospaced {
11510
+ .sidebar-sm .input-group > .input-group-item > .btn-monospaced, .form-group-sm .input-group > .input-group-item > .btn-monospaced, .input-group-sm > .input-group-item > .btn-monospaced {
11494
11511
  height: 2rem;
11495
11512
  line-height: 1;
11496
11513
  width: 2rem;
11497
11514
  }
11498
- .form-group-sm .input-group > .input-group-item > .form-file .btn, .input-group-sm > .input-group-item > .form-file .btn {
11515
+ .sidebar-sm .input-group > .input-group-item > .form-file .btn, .form-group-sm .input-group > .input-group-item > .form-file .btn, .input-group-sm > .input-group-item > .form-file .btn {
11499
11516
  border-radius: 0.25rem;
11500
11517
  font-size: 0.875rem;
11501
11518
  height: 2rem;
@@ -11505,25 +11522,26 @@ label.custom-control-label {
11505
11522
  padding-right: 0.75rem;
11506
11523
  padding-top: 0.25rem;
11507
11524
  }
11508
- .form-group-sm .input-group > .input-group-item > .form-file .btn .c-inner, .input-group-sm > .input-group-item > .form-file .btn .c-inner {
11525
+ .sidebar-sm .input-group > .input-group-item > .form-file .btn .c-inner, .form-group-sm .input-group > .input-group-item > .form-file .btn .c-inner, .input-group-sm > .input-group-item > .form-file .btn .c-inner {
11509
11526
  margin-bottom: -0.25rem;
11510
11527
  margin-left: -0.75rem;
11511
11528
  margin-right: -0.75rem;
11512
11529
  margin-top: -0.25rem;
11513
11530
  }
11514
- .form-group-sm .input-group > .input-group-item > textarea.form-control, .input-group-sm > .input-group-item > textarea.form-control,
11531
+ .sidebar-sm .input-group > .input-group-item > textarea.form-control, .form-group-sm .input-group > .input-group-item > textarea.form-control, .input-group-sm > .input-group-item > textarea.form-control,
11532
+ .sidebar-sm .input-group > .input-group-item > .form-control-textarea,
11515
11533
  .form-group-sm .input-group > .input-group-item > .form-control-textarea,
11516
11534
  .input-group-sm > .input-group-item > .form-control-textarea {
11517
11535
  height: 80px;
11518
11536
  }
11519
- .form-group-sm .input-group > .input-group-item > .form-control-plaintext, .input-group-sm > .input-group-item > .form-control-plaintext {
11537
+ .sidebar-sm .input-group > .input-group-item > .form-control-plaintext, .form-group-sm .input-group > .input-group-item > .form-control-plaintext, .input-group-sm > .input-group-item > .form-control-plaintext {
11520
11538
  font-size: 0.875rem;
11521
11539
  height: 2rem;
11522
11540
  line-height: 1.5;
11523
11541
  padding-bottom: 0.25rem;
11524
11542
  padding-top: 0.25rem;
11525
11543
  }
11526
- .form-group-sm .input-group > .input-group-item > .input-group-text, .input-group-sm > .input-group-item > .input-group-text {
11544
+ .sidebar-sm .input-group > .input-group-item > .input-group-text, .form-group-sm .input-group > .input-group-item > .input-group-text, .input-group-sm > .input-group-item > .input-group-text {
11527
11545
  border-radius: 0.25rem;
11528
11546
  font-size: 0.875rem;
11529
11547
  height: 2rem;
@@ -11531,26 +11549,26 @@ label.custom-control-label {
11531
11549
  padding-left: 0.75rem;
11532
11550
  padding-right: 0.75rem;
11533
11551
  }
11534
- .form-group-sm .input-group > .input-group-item > .input-group-inset-item > .btn, .input-group-sm > .input-group-item > .input-group-inset-item > .btn {
11552
+ .sidebar-sm .input-group > .input-group-item > .input-group-inset-item > .btn, .form-group-sm .input-group > .input-group-item > .input-group-inset-item > .btn, .input-group-sm > .input-group-item > .input-group-inset-item > .btn {
11535
11553
  line-height: 1;
11536
11554
  padding-bottom: 0;
11537
11555
  padding-left: 0.5rem;
11538
11556
  padding-right: 0.5rem;
11539
11557
  padding-top: 0;
11540
11558
  }
11541
- .form-group-sm .input-group > .input-group-item > .input-group-inset-item > .btn .c-inner, .input-group-sm > .input-group-item > .input-group-inset-item > .btn .c-inner {
11559
+ .sidebar-sm .input-group > .input-group-item > .input-group-inset-item > .btn .c-inner, .form-group-sm .input-group > .input-group-item > .input-group-inset-item > .btn .c-inner, .input-group-sm > .input-group-item > .input-group-inset-item > .btn .c-inner {
11542
11560
  margin-bottom: 0;
11543
11561
  margin-left: -0.5rem;
11544
11562
  margin-right: -0.5rem;
11545
11563
  margin-top: 0;
11546
11564
  }
11547
- .form-group-sm .input-group > .input-group-item > .input-group-inset-item > .btn-monospaced, .input-group-sm > .input-group-item > .input-group-inset-item > .btn-monospaced {
11565
+ .sidebar-sm .input-group > .input-group-item > .input-group-inset-item > .btn-monospaced, .form-group-sm .input-group > .input-group-item > .input-group-inset-item > .btn-monospaced, .input-group-sm > .input-group-item > .input-group-inset-item > .btn-monospaced {
11548
11566
  height: 1.5rem;
11549
11567
  margin-left: 0.25rem;
11550
11568
  margin-right: 0.25rem;
11551
11569
  width: 1.5rem;
11552
11570
  }
11553
- .form-group-sm .input-group > .input-group-item > .input-group-inset-item > .form-file .btn, .input-group-sm > .input-group-item > .input-group-inset-item > .form-file .btn {
11571
+ .sidebar-sm .input-group > .input-group-item > .input-group-inset-item > .form-file .btn, .form-group-sm .input-group > .input-group-item > .input-group-inset-item > .form-file .btn, .input-group-sm > .input-group-item > .input-group-inset-item > .form-file .btn {
11554
11572
  border-radius: 0.25rem;
11555
11573
  font-size: 0.875rem;
11556
11574
  height: 2rem;
@@ -11560,7 +11578,7 @@ label.custom-control-label {
11560
11578
  padding-right: 0.75rem;
11561
11579
  padding-top: 0.25rem;
11562
11580
  }
11563
- .form-group-sm .input-group > .input-group-item > .input-group-inset-item > .form-file .btn .c-inner, .input-group-sm > .input-group-item > .input-group-inset-item > .form-file .btn .c-inner {
11581
+ .sidebar-sm .input-group > .input-group-item > .input-group-inset-item > .form-file .btn .c-inner, .form-group-sm .input-group > .input-group-item > .input-group-inset-item > .form-file .btn .c-inner, .input-group-sm > .input-group-item > .input-group-inset-item > .form-file .btn .c-inner {
11564
11582
  margin-bottom: -0.25rem;
11565
11583
  margin-left: -0.75rem;
11566
11584
  margin-right: -0.75rem;
@@ -18786,25 +18804,26 @@ label.custom-control-label {
18786
18804
  .panel-group-flush .panel-unstyled .panel-body {
18787
18805
  margin-bottom: 0;
18788
18806
  }
18789
- .panel-group-sm .panel {
18807
+ .sidebar-sm .panel-group .panel, .panel-group-sm .panel {
18790
18808
  font-size: 0.875rem;
18791
18809
  }
18792
- .panel-group-sm .panel .panel-header {
18810
+ .sidebar-sm .panel-group .panel .panel-header, .panel-group-sm .panel .panel-header {
18793
18811
  padding-bottom: 0.5rem;
18794
18812
  padding-top: 0.5rem;
18795
18813
  }
18796
- .panel-group-sm .panel .panel-header .c-inner {
18814
+ .sidebar-sm .panel-group .panel .panel-header .c-inner, .panel-group-sm .panel .panel-header .c-inner {
18797
18815
  margin-bottom: -0.5rem;
18798
18816
  margin-top: -0.5rem;
18799
18817
  }
18800
- .panel-group-sm .panel .panel-header:not(.collapse-icon-middle) .collapse-icon-closed,
18818
+ .sidebar-sm .panel-group .panel .panel-header:not(.collapse-icon-middle) .collapse-icon-closed, .panel-group-sm .panel .panel-header:not(.collapse-icon-middle) .collapse-icon-closed,
18819
+ .sidebar-sm .panel-group .panel .panel-header:not(.collapse-icon-middle) .collapse-icon-open,
18801
18820
  .panel-group-sm .panel .panel-header:not(.collapse-icon-middle) .collapse-icon-open {
18802
18821
  top: 0.6875rem;
18803
18822
  }
18804
- .panel-group-sm .panel .panel-title {
18823
+ .sidebar-sm .panel-group .panel .panel-title, .panel-group-sm .panel .panel-title {
18805
18824
  font-size: 0.75rem;
18806
18825
  }
18807
- .panel-group-sm .panel-unstyled {
18826
+ .sidebar-sm .panel-group .panel-unstyled, .panel-group-sm .panel-unstyled {
18808
18827
  margin-bottom: 1rem;
18809
18828
  }
18810
18829
  .panel-secondary {
@@ -19946,6 +19965,9 @@ a.sheet-subtitle.focus, a.sheet-subtitle:focus-visible, .c-prefers-focus a.sheet
19946
19965
  font-size: 0.875rem;
19947
19966
  margin-bottom: 0.75rem;
19948
19967
  }
19968
+ .sidebar-sm {
19969
+ font-size: 0.875rem;
19970
+ }
19949
19971
  .sidebar-light {
19950
19972
  background-color: #fff;
19951
19973
  border-color: #e7e7ed;