@clayui/css 3.97.0 → 3.98.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.
- package/lib/css/atlas.css +119 -1
- package/lib/css/atlas.css.map +1 -1
- package/lib/css/base.css +96 -1
- package/lib/css/base.css.map +1 -1
- package/lib/css/cadmin.css +131 -106
- package/lib/css/cadmin.css.map +1 -1
- package/lib/images/icons/icons.svg +1 -1
- package/package.json +2 -2
- package/src/scss/_license-text.scss +1 -1
- package/src/scss/cadmin/components/_date-picker.scss +4 -0
- package/src/scss/cadmin/components/_progress-bars.scss +6 -0
- package/src/scss/cadmin/components/_utilities-functional-important.scss +17 -13
- package/src/scss/cadmin/variables/_utilities.scss +11 -46
- package/src/scss/components/_date-picker.scss +4 -0
- package/src/scss/mixins/_dropdown-menu.scss +37 -1
- package/src/scss/mixins/_globals.scss +28 -23
- package/src/scss/mixins/_transition.scss +2 -7
- package/src/scss/variables/_dropdowns.scss +54 -0
package/lib/css/base.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
2
|
/**
|
|
3
|
-
* Clay 3.
|
|
3
|
+
* Clay 3.98.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>
|
|
@@ -6479,6 +6479,77 @@ input[type=button].btn-block {
|
|
|
6479
6479
|
padding-left: 1.5rem;
|
|
6480
6480
|
padding-right: 1.5rem;
|
|
6481
6481
|
}
|
|
6482
|
+
.dropdown-menu-select.dropdown-menu .dropdown-item-scroll {
|
|
6483
|
+
font-size: 1rem;
|
|
6484
|
+
height: 2rem;
|
|
6485
|
+
padding: 0;
|
|
6486
|
+
position: absolute;
|
|
6487
|
+
text-align: center;
|
|
6488
|
+
z-index: 1;
|
|
6489
|
+
}
|
|
6490
|
+
.dropdown-menu-select.dropdown-menu .dropdown-item-scroll:hover, .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.hover {
|
|
6491
|
+
background-color: #f8f9fa;
|
|
6492
|
+
background-image: none;
|
|
6493
|
+
color: #16181b;
|
|
6494
|
+
}
|
|
6495
|
+
.dropdown-menu-select.dropdown-menu .dropdown-item-scroll:focus, .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.focus {
|
|
6496
|
+
background-color: #f8f9fa;
|
|
6497
|
+
background-image: none;
|
|
6498
|
+
color: #16181b;
|
|
6499
|
+
}
|
|
6500
|
+
.dropdown-menu-select.dropdown-menu .dropdown-item-scroll:active {
|
|
6501
|
+
background-color: #007bff;
|
|
6502
|
+
background-image: none;
|
|
6503
|
+
color: #fff;
|
|
6504
|
+
}
|
|
6505
|
+
.dropdown-menu-select.dropdown-menu .dropdown-item-scroll:active label {
|
|
6506
|
+
color: #fff;
|
|
6507
|
+
}
|
|
6508
|
+
.dropdown-menu-select.dropdown-menu .dropdown-item-scroll:active .form-check-label {
|
|
6509
|
+
color: #fff;
|
|
6510
|
+
}
|
|
6511
|
+
.dropdown-menu-select.dropdown-menu .dropdown-item-scroll.active {
|
|
6512
|
+
background-color: #007bff;
|
|
6513
|
+
background-image: none;
|
|
6514
|
+
color: #fff;
|
|
6515
|
+
}
|
|
6516
|
+
.dropdown-menu-select.dropdown-menu .dropdown-item-scroll.active label {
|
|
6517
|
+
color: #fff;
|
|
6518
|
+
}
|
|
6519
|
+
.dropdown-menu-select.dropdown-menu .dropdown-item-scroll.active .form-check-label {
|
|
6520
|
+
color: #fff;
|
|
6521
|
+
}
|
|
6522
|
+
.dropdown-menu-select.dropdown-menu .dropdown-item-scroll:disabled, .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.disabled {
|
|
6523
|
+
background-color: transparent;
|
|
6524
|
+
background-image: none;
|
|
6525
|
+
color: #6c757d;
|
|
6526
|
+
cursor: not-allowed;
|
|
6527
|
+
}
|
|
6528
|
+
.dropdown-menu-select.dropdown-menu .dropdown-item-scroll:disabled label,
|
|
6529
|
+
.dropdown-menu-select.dropdown-menu .dropdown-item-scroll:disabled .form-check-label, .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.disabled label,
|
|
6530
|
+
.dropdown-menu-select.dropdown-menu .dropdown-item-scroll.disabled .form-check-label {
|
|
6531
|
+
color: #6c757d;
|
|
6532
|
+
}
|
|
6533
|
+
.dropdown-menu-select.dropdown-menu .dropdown-item-scroll .c-inner {
|
|
6534
|
+
flex-grow: 1;
|
|
6535
|
+
width: auto;
|
|
6536
|
+
}
|
|
6537
|
+
.dropdown-menu-select.dropdown-menu .dropdown-item-scroll-down {
|
|
6538
|
+
background-image: linear-gradient(to top, white 84%, rgba(255, 255, 255, 0) 100%);
|
|
6539
|
+
bottom: 0.5rem;
|
|
6540
|
+
}
|
|
6541
|
+
.dropdown-menu-select.dropdown-menu .dropdown-item-scroll-down .c-inner {
|
|
6542
|
+
flex-grow: 1;
|
|
6543
|
+
width: auto;
|
|
6544
|
+
}
|
|
6545
|
+
.dropdown-menu-select.dropdown-menu .dropdown-item-scroll-up {
|
|
6546
|
+
background-image: linear-gradient(to bottom, white 84%, rgba(255, 255, 255, 0) 100%);
|
|
6547
|
+
top: 0.5rem;
|
|
6548
|
+
}
|
|
6549
|
+
.dropdown-menu-select.dropdown-menu .dropdown-item-scroll-up .c-inner {
|
|
6550
|
+
flex-grow: 1;
|
|
6551
|
+
width: auto;
|
|
6552
|
+
}
|
|
6482
6553
|
.dropdown-menu-select.dropdown-menu .dropdown-divider {
|
|
6483
6554
|
margin: 0.3125rem 0;
|
|
6484
6555
|
}
|
|
@@ -6490,6 +6561,10 @@ input[type=button].btn-block {
|
|
|
6490
6561
|
right: 0.5rem;
|
|
6491
6562
|
top: 0.5rem;
|
|
6492
6563
|
}
|
|
6564
|
+
.dropdown-menu-select.dropdown-menu-height-lg .inline-scroller {
|
|
6565
|
+
max-height: 432px;
|
|
6566
|
+
}
|
|
6567
|
+
|
|
6493
6568
|
.dropdown-menu-left {
|
|
6494
6569
|
left: 0;
|
|
6495
6570
|
right: auto;
|
|
@@ -29937,6 +30012,11 @@ a.text-dark:hover, a.text-dark:focus {
|
|
|
29937
30012
|
top: 50%;
|
|
29938
30013
|
width: 0.25em;
|
|
29939
30014
|
}
|
|
30015
|
+
@media (prefers-reduced-motion: reduce) {
|
|
30016
|
+
.loading-animation::before {
|
|
30017
|
+
animation: none;
|
|
30018
|
+
}
|
|
30019
|
+
}
|
|
29940
30020
|
.c-prefers-reduced-motion .loading-animation::before {
|
|
29941
30021
|
animation: none;
|
|
29942
30022
|
}
|
|
@@ -29954,6 +30034,11 @@ a.text-dark:hover, a.text-dark:focus {
|
|
|
29954
30034
|
padding: 0.25em;
|
|
29955
30035
|
width: 1em;
|
|
29956
30036
|
}
|
|
30037
|
+
@media (prefers-reduced-motion: reduce) {
|
|
30038
|
+
.loading-animation::after {
|
|
30039
|
+
animation: none;
|
|
30040
|
+
}
|
|
30041
|
+
}
|
|
29957
30042
|
.c-prefers-reduced-motion .loading-animation::after {
|
|
29958
30043
|
animation: none;
|
|
29959
30044
|
}
|
|
@@ -30035,6 +30120,11 @@ a.text-dark:hover, a.text-dark:focus {
|
|
|
30035
30120
|
transform: scale(1);
|
|
30036
30121
|
width: 1em;
|
|
30037
30122
|
}
|
|
30123
|
+
@media (prefers-reduced-motion: reduce) {
|
|
30124
|
+
.loading-animation-squares::before {
|
|
30125
|
+
animation: none;
|
|
30126
|
+
}
|
|
30127
|
+
}
|
|
30038
30128
|
.c-prefers-reduced-motion .loading-animation-squares::before {
|
|
30039
30129
|
animation: none;
|
|
30040
30130
|
}
|
|
@@ -30054,6 +30144,11 @@ a.text-dark:hover, a.text-dark:focus {
|
|
|
30054
30144
|
transform: scale(2);
|
|
30055
30145
|
width: 1em;
|
|
30056
30146
|
}
|
|
30147
|
+
@media (prefers-reduced-motion: reduce) {
|
|
30148
|
+
.loading-animation-squares::after {
|
|
30149
|
+
animation: none;
|
|
30150
|
+
}
|
|
30151
|
+
}
|
|
30057
30152
|
.c-prefers-reduced-motion .loading-animation-squares::after {
|
|
30058
30153
|
animation: none;
|
|
30059
30154
|
}
|