@clayui/css 3.109.0 → 3.110.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 (19) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/lib/css/atlas.css +148 -30
  3. package/lib/css/atlas.css.map +1 -1
  4. package/lib/css/base.css +144 -26
  5. package/lib/css/base.css.map +1 -1
  6. package/lib/css/cadmin.css +125 -6
  7. package/lib/css/cadmin.css.map +1 -1
  8. package/lib/images/icons/icons.svg +1 -1
  9. package/package.json +2 -2
  10. package/src/scss/_license-text.scss +1 -1
  11. package/src/scss/atlas/variables/_menubar.scss +4 -4
  12. package/src/scss/atlas/variables/_panels.scss +20 -0
  13. package/src/scss/cadmin/components/_dropdowns.scss +16 -0
  14. package/src/scss/cadmin/variables/_dropdowns.scss +106 -0
  15. package/src/scss/cadmin/variables/_menubar.scss +4 -4
  16. package/src/scss/components/_panels.scss +77 -33
  17. package/src/scss/mixins/_panels.scss +24 -0
  18. package/src/scss/variables/_dropdowns.scss +5 -5
  19. package/src/scss/variables/_panels.scss +195 -0
package/lib/css/cadmin.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @charset "UTF-8";
2
2
  /**
3
- * Clay 3.109.0
3
+ * Clay 3.110.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.109.0
19
+ * Clay 3.110.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>
@@ -6386,6 +6386,125 @@ html:not(#__):not(#___) .cadmin .dropdown-menu > .list-unstyled, html:not(#__):n
6386
6386
  html:not(#__):not(#___) .cadmin .dropdown-menu.show, html:not(#__):not(#___) .cadmin.dropdown-menu.show {
6387
6387
  display: block;
6388
6388
  }
6389
+ html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-header {
6390
+ padding-bottom: 6px;
6391
+ padding-left: 28px;
6392
+ padding-right: 8px;
6393
+ padding-top: 5px;
6394
+ }
6395
+ html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-subheader {
6396
+ padding-bottom: 7px;
6397
+ padding-left: 28px;
6398
+ padding-right: 8px;
6399
+ padding-top: 7px;
6400
+ }
6401
+ html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-section {
6402
+ padding-left: 28px;
6403
+ padding-right: 8px;
6404
+ }
6405
+ html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item {
6406
+ padding-bottom: 6px;
6407
+ padding-left: 28px;
6408
+ padding-right: 8px;
6409
+ padding-top: 5px;
6410
+ }
6411
+ html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item .c-inner {
6412
+ flex-grow: 1;
6413
+ margin-bottom: -6px;
6414
+ margin-left: -28px;
6415
+ margin-right: -8px;
6416
+ margin-top: -5px;
6417
+ width: auto;
6418
+ }
6419
+ html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item.autofit-row {
6420
+ padding-left: 24px;
6421
+ padding-right: 8px;
6422
+ }
6423
+ html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll {
6424
+ font-size: 16px;
6425
+ height: 32px;
6426
+ padding: 0;
6427
+ position: absolute;
6428
+ text-align: center;
6429
+ z-index: 1;
6430
+ }
6431
+ html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:hover, html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.hover {
6432
+ background-color: #f0f5ff;
6433
+ background-image: none;
6434
+ color: #272833;
6435
+ }
6436
+ html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.focus, html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:focus-visible, .c-prefers-focus html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:focus {
6437
+ background-color: #f0f5ff;
6438
+ background-image: none;
6439
+ color: #272833;
6440
+ }
6441
+ html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:active {
6442
+ background-color: #f0f5ff;
6443
+ background-image: none;
6444
+ color: #272833;
6445
+ }
6446
+ html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:active label {
6447
+ color: #272833;
6448
+ }
6449
+ html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:active .form-check-label {
6450
+ color: #272833;
6451
+ }
6452
+ html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.active {
6453
+ background-color: #f0f5ff;
6454
+ background-image: none;
6455
+ color: #272833;
6456
+ }
6457
+ html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.active label {
6458
+ color: #272833;
6459
+ }
6460
+ html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.active .form-check-label {
6461
+ color: #272833;
6462
+ }
6463
+ html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:disabled, html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.disabled {
6464
+ background-color: transparent;
6465
+ background-image: none;
6466
+ color: #a7a9bc;
6467
+ cursor: not-allowed;
6468
+ }
6469
+ html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:disabled label,
6470
+ html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:disabled .form-check-label, html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.disabled label,
6471
+ html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.disabled .form-check-label {
6472
+ color: #a7a9bc;
6473
+ }
6474
+ html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll .c-inner {
6475
+ flex-grow: 1;
6476
+ width: auto;
6477
+ }
6478
+ html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll-down {
6479
+ background-image: linear-gradient(to top, white 84%, rgba(255, 255, 255, 0) 100%);
6480
+ bottom: 6px;
6481
+ }
6482
+ html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll-down .c-inner {
6483
+ flex-grow: 1;
6484
+ width: auto;
6485
+ }
6486
+ html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll-up {
6487
+ background-image: linear-gradient(to bottom, white 84%, rgba(255, 255, 255, 0) 100%);
6488
+ top: 6px;
6489
+ }
6490
+ html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-item-scroll-up .c-inner {
6491
+ flex-grow: 1;
6492
+ width: auto;
6493
+ }
6494
+ html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu .dropdown-divider {
6495
+ margin: 5px 0;
6496
+ }
6497
+ html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu.dropdown-menu-indicator-start .dropdown-item-indicator-start {
6498
+ left: 8px;
6499
+ top: 8px;
6500
+ }
6501
+ html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu.dropdown-menu-indicator-end .dropdown-item-indicator-end {
6502
+ right: 8px;
6503
+ top: 8px;
6504
+ }
6505
+ html:not(#__):not(#___) .cadmin .dropdown-menu-select.dropdown-menu-height-lg .inline-scroller {
6506
+ max-height: 432px;
6507
+ }
6389
6508
  html:not(#__):not(#___) .cadmin .dropdown-menu-left, html:not(#__):not(#___) .cadmin.dropdown-menu-left {
6390
6509
  left: 0;
6391
6510
  right: auto;
@@ -12167,7 +12286,7 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md .menubar-collapse.co
12167
12286
  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link {
12168
12287
  border-radius: 4px;
12169
12288
  color: #6b6c7e;
12170
- letter-spacing: 0.02em;
12289
+ letter-spacing: 0.016rem;
12171
12290
  margin-bottom: 4px;
12172
12291
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
12173
12292
  }
@@ -12235,7 +12354,7 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent
12235
12354
  color: rgba(0, 0, 0, 0.3);
12236
12355
  box-shadow: none;
12237
12356
  font-weight: 400;
12238
- letter-spacing: 0.02em;
12357
+ letter-spacing: 0.016rem;
12239
12358
  }
12240
12359
  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link:disabled::before, html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link.disabled::before {
12241
12360
  content: none;
@@ -12417,7 +12536,7 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg .menubar-collapse.co
12417
12536
  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link {
12418
12537
  border-radius: 4px;
12419
12538
  color: #6b6c7e;
12420
- letter-spacing: 0.02em;
12539
+ letter-spacing: 0.016rem;
12421
12540
  margin-bottom: 4px;
12422
12541
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
12423
12542
  }
@@ -12484,7 +12603,7 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent
12484
12603
  color: rgba(0, 0, 0, 0.3);
12485
12604
  box-shadow: none;
12486
12605
  font-weight: 400;
12487
- letter-spacing: 0.02em;
12606
+ letter-spacing: 0.016rem;
12488
12607
  }
12489
12608
  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link:disabled::before, html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link.disabled::before {
12490
12609
  content: none;