@clayui/css 3.106.0-alpha.0 → 3.106.1

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 (34) hide show
  1. package/CHANGELOG.md +2792 -0
  2. package/lib/css/atlas.css +66 -44
  3. package/lib/css/atlas.css.map +1 -1
  4. package/lib/css/base.css +62 -46
  5. package/lib/css/base.css.map +1 -1
  6. package/lib/css/bootstrap.css +0 -0
  7. package/lib/css/bootstrap.css.map +1 -1
  8. package/lib/css/cadmin.css +71 -52
  9. package/lib/css/cadmin.css.map +1 -1
  10. package/lib/images/icons/bookmarks-full.svg +7 -2
  11. package/lib/images/icons/bookmarks.svg +7 -2
  12. package/lib/images/icons/icons.svg +1 -1
  13. package/package.json +2 -2
  14. package/src/images/icons/bookmarks-full.svg +7 -2
  15. package/src/images/icons/bookmarks.svg +7 -2
  16. package/src/scss/_license-text.scss +1 -1
  17. package/src/scss/atlas/variables/_dropdowns.scss +6 -1
  18. package/src/scss/cadmin/components/_custom-forms.scss +4 -0
  19. package/src/scss/cadmin/components/_dropdowns.scss +6 -0
  20. package/src/scss/cadmin/components/_panels.scss +5 -1
  21. package/src/scss/cadmin/variables/_buttons.scss +4 -0
  22. package/src/scss/cadmin/variables/_custom-forms.scss +26 -6
  23. package/src/scss/cadmin/variables/_dropdowns.scss +6 -1
  24. package/src/scss/cadmin/variables/_navs.scss +2 -5
  25. package/src/scss/cadmin/variables/_sidebar.scss +38 -0
  26. package/src/scss/components/_custom-forms.scss +4 -0
  27. package/src/scss/components/_dropdowns.scss +6 -0
  28. package/src/scss/components/_panels.scss +5 -1
  29. package/src/scss/functions/_lx-icons-generated.scss +2 -2
  30. package/src/scss/mixins/_sidebar.scss +25 -0
  31. package/src/scss/variables/_buttons.scss +4 -0
  32. package/src/scss/variables/_custom-forms.scss +26 -6
  33. package/src/scss/variables/_dropdowns.scss +0 -6
  34. package/src/scss/variables/_sidebar.scss +36 -0
package/lib/css/base.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @charset "UTF-8";
2
2
  /**
3
- * Clay 3.106.0-alpha.0
3
+ * Clay 3.106.1
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>
@@ -1240,30 +1240,34 @@ fieldset:disabled a.btn:active {
1240
1240
  pointer-events: none;
1241
1241
  }
1242
1242
 
1243
- .btn-xs {
1243
+ .sidebar-sm .btn.btn-xs, .btn-xs {
1244
1244
  font-size: 0.75rem;
1245
+ line-height: 1.5;
1245
1246
  padding-bottom: 0.125rem;
1246
1247
  padding-left: 0.5rem;
1247
1248
  padding-right: 0.5rem;
1248
1249
  padding-top: 0.125rem;
1249
1250
  }
1250
- .btn-xs .c-inner {
1251
+ .sidebar-sm .btn.btn-xs .c-inner, .btn-xs .c-inner {
1251
1252
  margin-bottom: -0.125rem;
1252
1253
  margin-left: -0.5rem;
1253
1254
  margin-right: -0.5rem;
1254
1255
  margin-top: -0.125rem;
1255
1256
  }
1256
- .btn-xs .inline-item {
1257
+ .sidebar-sm .btn.btn-xs .lexicon-icon, .btn-xs .lexicon-icon {
1258
+ font-size: inherit;
1259
+ }
1260
+ .sidebar-sm .btn.btn-xs .inline-item, .btn-xs .inline-item {
1257
1261
  font-size: inherit;
1258
1262
  margin-top: -0.16em;
1259
1263
  }
1260
- .btn-xs .inline-item-before {
1264
+ .sidebar-sm .btn.btn-xs .inline-item-before, .btn-xs .inline-item-before {
1261
1265
  margin-right: 0.25rem;
1262
1266
  }
1263
- .btn-xs .inline-item-after {
1267
+ .sidebar-sm .btn.btn-xs .inline-item-after, .btn-xs .inline-item-after {
1264
1268
  margin-left: 0.25rem;
1265
1269
  }
1266
- .btn-xs .btn-section {
1270
+ .sidebar-sm .btn.btn-xs .btn-section, .btn-xs .btn-section {
1267
1271
  font-size: 0.375rem;
1268
1272
  }
1269
1273
  .btn-group-lg > .btn,
@@ -1287,7 +1291,7 @@ fieldset:disabled a.btn:active {
1287
1291
  .btn-group-lg .btn-group > .btn .btn-section, .btn-lg .btn-section {
1288
1292
  font-size: 0.8125rem;
1289
1293
  }
1290
- .form-group-sm .btn, .btn-group-sm > .btn,
1294
+ .sidebar-sm .btn, .form-group-sm .btn, .btn-group-sm > .btn,
1291
1295
  .btn-group-sm .btn-group > .btn, .btn-sm {
1292
1296
  border-radius: 0.2rem;
1293
1297
  font-size: 0.875rem;
@@ -1297,14 +1301,14 @@ fieldset:disabled a.btn:active {
1297
1301
  padding-right: 0.5rem;
1298
1302
  padding-top: 0.25rem;
1299
1303
  }
1300
- .form-group-sm .btn .c-inner, .btn-group-sm > .btn .c-inner,
1304
+ .sidebar-sm .btn .c-inner, .form-group-sm .btn .c-inner, .btn-group-sm > .btn .c-inner,
1301
1305
  .btn-group-sm .btn-group > .btn .c-inner, .btn-sm .c-inner {
1302
1306
  margin-bottom: -0.25rem;
1303
1307
  margin-left: -0.5rem;
1304
1308
  margin-right: -0.5rem;
1305
1309
  margin-top: -0.25rem;
1306
1310
  }
1307
- .form-group-sm .btn .btn-section, .btn-group-sm > .btn .btn-section,
1311
+ .sidebar-sm .btn .btn-section, .form-group-sm .btn .btn-section, .btn-group-sm > .btn .btn-section,
1308
1312
  .btn-group-sm .btn-group > .btn .btn-section, .btn-sm .btn-section {
1309
1313
  font-size: 0.5625rem;
1310
1314
  }
@@ -1340,7 +1344,7 @@ input[type=button].btn-block {
1340
1344
  margin: 0;
1341
1345
  max-width: none;
1342
1346
  }
1343
- .btn-monospaced.btn-xs {
1347
+ .sidebar-sm .btn.btn-monospaced.btn-xs, .btn-monospaced.btn-xs {
1344
1348
  height: 1.5rem;
1345
1349
  width: 1.5rem;
1346
1350
  }
@@ -1385,7 +1389,7 @@ input[type=button].btn-block {
1385
1389
  height: 3rem;
1386
1390
  width: 3rem;
1387
1391
  }
1388
- .btn-group-vertical > .btn-monospaced.btn-sm, .btn-group-sm .btn-monospaced, .btn-monospaced.btn-sm {
1392
+ .sidebar-sm .btn.btn-monospaced, .btn-group-vertical > .btn-monospaced.btn-sm, .btn-group-sm .btn-monospaced, .btn-monospaced.btn-sm {
1389
1393
  height: 1.9375rem;
1390
1394
  width: 1.9375rem;
1391
1395
  }
@@ -6423,9 +6427,6 @@ input[type=button].btn-block {
6423
6427
  .dropdown-section .custom-control {
6424
6428
  margin-bottom: 0;
6425
6429
  }
6426
- .dropdown-section .custom-control-label-text {
6427
- padding-left: 2rem;
6428
- }
6429
6430
  .dropdown-footer {
6430
6431
  box-shadow: -1px -2px 3px -3px rgba(0, 0, 0, 0.5);
6431
6432
  padding: 0.5rem 1.5rem 0;
@@ -7718,7 +7719,7 @@ textarea.form-control-lg,
7718
7719
  .form-control-lg.form-control-textarea {
7719
7720
  height: 190px;
7720
7721
  }
7721
- .input-group-sm .form-control, .form-group-sm .form-control,
7722
+ .sidebar-sm .form-control, .input-group-sm .form-control, .form-group-sm .form-control,
7722
7723
  .form-group-sm .form-control-plaintext, .form-control-sm {
7723
7724
  border-radius: 0.2rem;
7724
7725
  font-size: 0.875rem;
@@ -7729,7 +7730,8 @@ textarea.form-control-lg,
7729
7730
  padding-right: 0.5rem;
7730
7731
  padding-top: 0.25rem;
7731
7732
  }
7732
- .form-group-sm select.form-control, .form-control-select.form-control-sm {
7733
+ .sidebar-sm select.form-control,
7734
+ .sidebar-sm .form-control-select, .form-group-sm select.form-control, .form-control-select.form-control-sm {
7733
7735
  height: 1.9375rem;
7734
7736
  padding-right: 2em;
7735
7737
  }
@@ -7738,7 +7740,7 @@ textarea.form-control-lg,
7738
7740
  .form-control-sm.form-control-textarea {
7739
7741
  height: 120px;
7740
7742
  }
7741
- .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 {
7743
+ .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 {
7742
7744
  border-radius: 0.2rem;
7743
7745
  font-size: 0.875rem;
7744
7746
  height: auto;
@@ -7749,16 +7751,16 @@ textarea.form-control-lg,
7749
7751
  padding-right: 0.25rem;
7750
7752
  padding-top: 0;
7751
7753
  }
7752
- .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 {
7754
+ .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 {
7753
7755
  margin-bottom: 0;
7754
7756
  margin-top: 0;
7755
7757
  }
7756
- .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 {
7758
+ .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 {
7757
7759
  margin-bottom: 0.1875rem;
7758
7760
  margin-right: 0.25rem;
7759
7761
  margin-top: 0.1875rem;
7760
7762
  }
7761
- .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 {
7763
+ .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 {
7762
7764
  margin-bottom: 0.125rem;
7763
7765
  margin-left: 0.25rem;
7764
7766
  margin-top: 0.1875rem;
@@ -9072,15 +9074,15 @@ button.link-outline {
9072
9074
  min-width: 1.125rem;
9073
9075
  }
9074
9076
 
9075
- .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 {
9077
+ .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 {
9076
9078
  padding-left: 0.5rem;
9077
9079
  }
9078
9080
 
9079
- .form-group-sm .clay-color.input-group > .input-group-item > .input-group-text, .clay-color.input-group-sm > .input-group-item > .input-group-text {
9081
+ .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 {
9080
9082
  padding: 0;
9081
9083
  }
9082
9084
 
9083
- .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 {
9085
+ .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 {
9084
9086
  border-radius: 2px;
9085
9087
  height: 1.25rem;
9086
9088
  padding: 0;
@@ -9195,8 +9197,7 @@ label.custom-control-label {
9195
9197
  }
9196
9198
 
9197
9199
  .custom-control-label-text {
9198
- display: block;
9199
- padding-left: calc( 1rem + 0.5rem );
9200
+ padding-left: 0.5rem;
9200
9201
  }
9201
9202
  .custom-control-primary .custom-control-label-text {
9202
9203
  font-weight: 500;
@@ -9331,6 +9332,16 @@ label.custom-control-label {
9331
9332
  .custom-radio .custom-control-input:checked[disabled] ~ .custom-control-label::before, .custom-radio .custom-control-input:checked:disabled ~ .custom-control-label::before {
9332
9333
  background-color: rgba(0, 123, 255, 0.5);
9333
9334
  }
9335
+ .custom-control-outside label {
9336
+ display: block;
9337
+ padding-left: calc( 1rem + 0.5rem );
9338
+ }
9339
+ .custom-control-outside .custom-control-label-text {
9340
+ padding-left: 0;
9341
+ }
9342
+ .custom-control-outside .custom-control-input ~ .custom-control-label::before {
9343
+ position: absolute;
9344
+ }
9334
9345
  .custom-control-inline {
9335
9346
  display: inline-flex;
9336
9347
  }
@@ -10865,7 +10876,7 @@ label.custom-control-label {
10865
10876
  margin-bottom: 0;
10866
10877
  margin-top: 0;
10867
10878
  }
10868
- .form-group-sm .input-group > .input-group-item > .btn, .input-group-sm > .input-group-item > .btn {
10879
+ .sidebar-sm .input-group > .input-group-item > .btn, .form-group-sm .input-group > .input-group-item > .btn, .input-group-sm > .input-group-item > .btn {
10869
10880
  font-size: 0.875rem;
10870
10881
  line-height: 1.5;
10871
10882
  padding-bottom: 0.25rem;
@@ -10873,21 +10884,21 @@ label.custom-control-label {
10873
10884
  padding-right: 0.5rem;
10874
10885
  padding-top: 0.25rem;
10875
10886
  }
10876
- .form-group-sm .input-group > .input-group-item > .btn .c-inner, .input-group-sm > .input-group-item > .btn .c-inner {
10887
+ .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 {
10877
10888
  margin-bottom: -0.25rem;
10878
10889
  margin-left: -0.5rem;
10879
10890
  margin-right: -0.5rem;
10880
10891
  margin-top: -0.25rem;
10881
10892
  }
10882
- .form-group-sm .input-group > .input-group-item > .btn .btn-section, .input-group-sm > .input-group-item > .btn .btn-section {
10893
+ .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 {
10883
10894
  font-size: 0.5625rem;
10884
10895
  }
10885
- .form-group-sm .input-group > .input-group-item > .btn-monospaced, .input-group-sm > .input-group-item > .btn-monospaced {
10896
+ .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 {
10886
10897
  height: 1.9375rem;
10887
10898
  line-height: 1;
10888
10899
  width: 1.9375rem;
10889
10900
  }
10890
- .form-group-sm .input-group > .input-group-item > .form-file .btn, .input-group-sm > .input-group-item > .form-file .btn {
10901
+ .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 {
10891
10902
  border-radius: 0.2rem;
10892
10903
  font-size: 0.875rem;
10893
10904
  height: 1.9375rem;
@@ -10897,25 +10908,26 @@ label.custom-control-label {
10897
10908
  padding-right: 0.5rem;
10898
10909
  padding-top: 0.25rem;
10899
10910
  }
10900
- .form-group-sm .input-group > .input-group-item > .form-file .btn .c-inner, .input-group-sm > .input-group-item > .form-file .btn .c-inner {
10911
+ .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 {
10901
10912
  margin-bottom: -0.25rem;
10902
10913
  margin-left: -0.5rem;
10903
10914
  margin-right: -0.5rem;
10904
10915
  margin-top: -0.25rem;
10905
10916
  }
10906
- .form-group-sm .input-group > .input-group-item > textarea.form-control, .input-group-sm > .input-group-item > textarea.form-control,
10917
+ .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,
10918
+ .sidebar-sm .input-group > .input-group-item > .form-control-textarea,
10907
10919
  .form-group-sm .input-group > .input-group-item > .form-control-textarea,
10908
10920
  .input-group-sm > .input-group-item > .form-control-textarea {
10909
10921
  height: 120px;
10910
10922
  }
10911
- .form-group-sm .input-group > .input-group-item > .form-control-plaintext, .input-group-sm > .input-group-item > .form-control-plaintext {
10923
+ .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 {
10912
10924
  font-size: 0.875rem;
10913
10925
  height: 1.9375rem;
10914
10926
  line-height: 1.5;
10915
10927
  padding-bottom: 0.25rem;
10916
10928
  padding-top: 0.25rem;
10917
10929
  }
10918
- .form-group-sm .input-group > .input-group-item > .input-group-text, .input-group-sm > .input-group-item > .input-group-text {
10930
+ .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 {
10919
10931
  border-radius: 0.2rem;
10920
10932
  font-size: 0.875rem;
10921
10933
  height: 1.9375rem;
@@ -10923,26 +10935,26 @@ label.custom-control-label {
10923
10935
  padding-left: 0.5rem;
10924
10936
  padding-right: 0.5rem;
10925
10937
  }
10926
- .form-group-sm .input-group > .input-group-item > .input-group-inset-item > .btn, .input-group-sm > .input-group-item > .input-group-inset-item > .btn {
10938
+ .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 {
10927
10939
  line-height: 1;
10928
10940
  padding-bottom: 0;
10929
10941
  padding-left: 0.5rem;
10930
10942
  padding-right: 0.5rem;
10931
10943
  padding-top: 0;
10932
10944
  }
10933
- .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 {
10945
+ .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 {
10934
10946
  margin-bottom: 0;
10935
10947
  margin-left: -0.5rem;
10936
10948
  margin-right: -0.5rem;
10937
10949
  margin-top: 0;
10938
10950
  }
10939
- .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 {
10951
+ .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 {
10940
10952
  height: 1.5rem;
10941
10953
  margin-left: 0.25rem;
10942
10954
  margin-right: 0.25rem;
10943
10955
  width: 1.5rem;
10944
10956
  }
10945
- .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 {
10957
+ .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 {
10946
10958
  border-radius: 0.2rem;
10947
10959
  font-size: 0.875rem;
10948
10960
  height: 1.9375rem;
@@ -10952,7 +10964,7 @@ label.custom-control-label {
10952
10964
  padding-right: 0.5rem;
10953
10965
  padding-top: 0.25rem;
10954
10966
  }
10955
- .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 {
10967
+ .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 {
10956
10968
  margin-bottom: -0.25rem;
10957
10969
  margin-left: -0.5rem;
10958
10970
  margin-right: -0.5rem;
@@ -17470,25 +17482,26 @@ label.custom-control-label {
17470
17482
  .panel-group-flush .panel-unstyled .panel-body {
17471
17483
  margin-bottom: 0;
17472
17484
  }
17473
- .panel-group-sm .panel {
17485
+ .sidebar-sm .panel-group .panel, .panel-group-sm .panel {
17474
17486
  font-size: 0.875rem;
17475
17487
  }
17476
- .panel-group-sm .panel .panel-header {
17488
+ .sidebar-sm .panel-group .panel .panel-header, .panel-group-sm .panel .panel-header {
17477
17489
  padding-bottom: 0.5rem;
17478
17490
  padding-top: 0.5rem;
17479
17491
  }
17480
- .panel-group-sm .panel .panel-header .c-inner {
17492
+ .sidebar-sm .panel-group .panel .panel-header .c-inner, .panel-group-sm .panel .panel-header .c-inner {
17481
17493
  margin-bottom: -0.5rem;
17482
17494
  margin-top: -0.5rem;
17483
17495
  }
17484
- .panel-group-sm .panel .panel-header:not(.collapse-icon-middle) .collapse-icon-closed,
17496
+ .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,
17497
+ .sidebar-sm .panel-group .panel .panel-header:not(.collapse-icon-middle) .collapse-icon-open,
17485
17498
  .panel-group-sm .panel .panel-header:not(.collapse-icon-middle) .collapse-icon-open {
17486
17499
  top: 0.6875rem;
17487
17500
  }
17488
- .panel-group-sm .panel .panel-title {
17501
+ .sidebar-sm .panel-group .panel .panel-title, .panel-group-sm .panel .panel-title {
17489
17502
  font-size: 0.875rem;
17490
17503
  }
17491
- .panel-group-sm .panel-unstyled {
17504
+ .sidebar-sm .panel-group .panel-unstyled, .panel-group-sm .panel-unstyled {
17492
17505
  margin-bottom: 1rem;
17493
17506
  }
17494
17507
  .panel-secondary {
@@ -18501,6 +18514,9 @@ a.sheet-subtitle:hover, a.sheet-subtitle.hover {
18501
18514
  font-size: 0.875rem;
18502
18515
  margin-bottom: 0.75rem;
18503
18516
  }
18517
+ .sidebar-sm {
18518
+ font-size: 0.875rem;
18519
+ }
18504
18520
  .sidebar-light {
18505
18521
  background-color: #f8f9fa;
18506
18522
  border-color: #dee2e6;