@clayui/css 3.65.2 → 3.68.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 +49 -33
- package/lib/css/atlas.css.map +1 -1
- package/lib/css/base.css +31 -15
- package/lib/css/base.css.map +1 -1
- package/lib/css/cadmin.css +57 -38
- 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/atlas/variables/_dropdowns.scss +2 -2
- package/src/scss/atlas/variables/_forms.scss +6 -2
- package/src/scss/cadmin/components/_dropdowns.scss +22 -14
- package/src/scss/cadmin/variables/_dropdowns.scss +10 -10
- package/src/scss/cadmin/variables/_forms.scss +7 -3
- package/src/scss/cadmin/variables/_modals.scss +3 -2
- package/src/scss/cadmin/variables/_popovers.scss +3 -2
- package/src/scss/components/_dropdowns.scss +20 -12
- package/src/scss/mixins/_utilities.scss +1 -1
- package/src/scss/variables/_dropdowns.scss +4 -4
- package/src/scss/variables/_forms.scss +3 -1
- package/src/scss/variables/_modals.scss +3 -2
- package/src/scss/variables/_popovers.scss +3 -1
package/lib/css/atlas.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
2
|
/**
|
|
3
|
-
* Clay 3.
|
|
3
|
+
* Clay 3.68.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>
|
|
@@ -6300,8 +6300,8 @@ input[type=button].btn-block {
|
|
|
6300
6300
|
font-size: 0.875rem;
|
|
6301
6301
|
margin-top: 0.625rem;
|
|
6302
6302
|
padding-bottom: 0.375rem;
|
|
6303
|
-
padding-left:
|
|
6304
|
-
padding-right:
|
|
6303
|
+
padding-left: 1rem;
|
|
6304
|
+
padding-right: 1rem;
|
|
6305
6305
|
padding-top: 0.375rem;
|
|
6306
6306
|
position: relative;
|
|
6307
6307
|
overflow-wrap: break-word;
|
|
@@ -6317,8 +6317,8 @@ input[type=button].btn-block {
|
|
|
6317
6317
|
font-weight: 600;
|
|
6318
6318
|
margin-top: 0.625rem;
|
|
6319
6319
|
padding-bottom: 0.375rem;
|
|
6320
|
-
padding-left:
|
|
6321
|
-
padding-right:
|
|
6320
|
+
padding-left: 1rem;
|
|
6321
|
+
padding-right: 1rem;
|
|
6322
6322
|
padding-top: 0.375rem;
|
|
6323
6323
|
text-transform: uppercase;
|
|
6324
6324
|
white-space: normal;
|
|
@@ -6332,7 +6332,7 @@ input[type=button].btn-block {
|
|
|
6332
6332
|
.dropdown-caption {
|
|
6333
6333
|
color: #6b6c7e;
|
|
6334
6334
|
font-size: 0.875rem;
|
|
6335
|
-
padding: 0.5rem
|
|
6335
|
+
padding: 0.5rem 1rem;
|
|
6336
6336
|
white-space: normal;
|
|
6337
6337
|
overflow-wrap: break-word;
|
|
6338
6338
|
word-wrap: break-word;
|
|
@@ -6349,8 +6349,8 @@ input[type=button].btn-block {
|
|
|
6349
6349
|
font-weight: 400;
|
|
6350
6350
|
overflow: hidden;
|
|
6351
6351
|
padding-bottom: 0.5rem;
|
|
6352
|
-
padding-left:
|
|
6353
|
-
padding-right:
|
|
6352
|
+
padding-left: 1rem;
|
|
6353
|
+
padding-right: 1rem;
|
|
6354
6354
|
padding-top: 0.5rem;
|
|
6355
6355
|
position: relative;
|
|
6356
6356
|
text-align: inherit;
|
|
@@ -6427,22 +6427,22 @@ input[type=button].btn-block {
|
|
|
6427
6427
|
.dropdown-item .c-inner {
|
|
6428
6428
|
flex-grow: 1;
|
|
6429
6429
|
margin-bottom: -0.5rem;
|
|
6430
|
-
margin-left: -
|
|
6431
|
-
margin-right: -
|
|
6430
|
+
margin-left: -1rem;
|
|
6431
|
+
margin-right: -1rem;
|
|
6432
6432
|
margin-top: -0.5rem;
|
|
6433
6433
|
width: auto;
|
|
6434
6434
|
}
|
|
6435
6435
|
.dropdown-item.autofit-row {
|
|
6436
|
-
padding-left: 1rem;
|
|
6437
|
-
padding-right: 1rem;
|
|
6436
|
+
padding-left: calc(1rem - 0.25rem);
|
|
6437
|
+
padding-right: calc(1rem - 0.25rem);
|
|
6438
6438
|
}
|
|
6439
6439
|
.dropdown-item.autofit-row > .autofit-col {
|
|
6440
6440
|
padding-left: 0.25rem;
|
|
6441
6441
|
padding-right: 0.25rem;
|
|
6442
6442
|
}
|
|
6443
6443
|
.dropdown-item .autofit-row {
|
|
6444
|
-
margin-left: 0.25rem;
|
|
6445
|
-
margin-right: 0.25rem;
|
|
6444
|
+
margin-left: -0.25rem;
|
|
6445
|
+
margin-right: -0.25rem;
|
|
6446
6446
|
width: auto;
|
|
6447
6447
|
}
|
|
6448
6448
|
.dropdown-item .autofit-row > .autofit-col {
|
|
@@ -6473,13 +6473,13 @@ input[type=button].btn-block {
|
|
|
6473
6473
|
display: block;
|
|
6474
6474
|
font-weight: 400;
|
|
6475
6475
|
padding-bottom: 0.5rem;
|
|
6476
|
-
padding-left:
|
|
6477
|
-
padding-right:
|
|
6476
|
+
padding-left: 1rem;
|
|
6477
|
+
padding-right: 1rem;
|
|
6478
6478
|
padding-top: 0.5rem;
|
|
6479
6479
|
}
|
|
6480
6480
|
|
|
6481
6481
|
.dropdown-section {
|
|
6482
|
-
padding: 0.5rem
|
|
6482
|
+
padding: 0.5rem 1rem;
|
|
6483
6483
|
}
|
|
6484
6484
|
.dropdown-section .form-group + .form-group {
|
|
6485
6485
|
margin-top: 1rem;
|
|
@@ -6499,7 +6499,7 @@ input[type=button].btn-block {
|
|
|
6499
6499
|
|
|
6500
6500
|
.dropdown-footer {
|
|
6501
6501
|
box-shadow: -1px -2px 3px -3px rgba(0, 0, 0, 0.5);
|
|
6502
|
-
padding: 0.5rem
|
|
6502
|
+
padding: 0.5rem 1rem 0;
|
|
6503
6503
|
position: relative;
|
|
6504
6504
|
}
|
|
6505
6505
|
|
|
@@ -6541,7 +6541,7 @@ input[type=button].btn-block {
|
|
|
6541
6541
|
.dropdown-menu .alert {
|
|
6542
6542
|
line-height: normal;
|
|
6543
6543
|
margin: 0.5rem;
|
|
6544
|
-
padding: 0.375rem
|
|
6544
|
+
padding: 0.375rem 1rem;
|
|
6545
6545
|
}
|
|
6546
6546
|
.dropdown-menu .alert:first-child {
|
|
6547
6547
|
margin-top: 0;
|
|
@@ -6701,7 +6701,7 @@ input[type=button].btn-block {
|
|
|
6701
6701
|
}
|
|
6702
6702
|
.dropdown-menu-indicator-start .dropdown-item-indicator {
|
|
6703
6703
|
height: 1rem;
|
|
6704
|
-
left:
|
|
6704
|
+
left: 1rem;
|
|
6705
6705
|
position: absolute;
|
|
6706
6706
|
top: 0.5rem;
|
|
6707
6707
|
width: 1rem;
|
|
@@ -6713,10 +6713,16 @@ input[type=button].btn-block {
|
|
|
6713
6713
|
.dropdown-menu-indicator-start .dropdown-subheader,
|
|
6714
6714
|
.dropdown-menu-indicator-start .dropdown-caption,
|
|
6715
6715
|
.dropdown-menu-indicator-start .dropdown-item {
|
|
6716
|
-
padding-left:
|
|
6716
|
+
padding-left: calc(
|
|
6717
|
+
1rem + 1rem + 1rem
|
|
6718
|
+
);
|
|
6717
6719
|
}
|
|
6718
6720
|
.dropdown-menu-indicator-start .dropdown-item .c-inner {
|
|
6719
|
-
margin-left:
|
|
6721
|
+
margin-left: calc((
|
|
6722
|
+
1rem +
|
|
6723
|
+
1rem +
|
|
6724
|
+
1rem
|
|
6725
|
+
) * -1);
|
|
6720
6726
|
}
|
|
6721
6727
|
|
|
6722
6728
|
.dropdown-item-indicator-start {
|
|
@@ -6725,7 +6731,7 @@ input[type=button].btn-block {
|
|
|
6725
6731
|
display: inline-flex;
|
|
6726
6732
|
height: 1rem;
|
|
6727
6733
|
justify-content: center;
|
|
6728
|
-
left:
|
|
6734
|
+
left: 1rem;
|
|
6729
6735
|
position: absolute;
|
|
6730
6736
|
right: auto;
|
|
6731
6737
|
top: calc( 0.5rem - (( 1rem - (1em * 1.5) ) / 2) );
|
|
@@ -6755,17 +6761,23 @@ input[type=button].btn-block {
|
|
|
6755
6761
|
}
|
|
6756
6762
|
.dropdown-menu-indicator-end .dropdown-item-indicator {
|
|
6757
6763
|
position: absolute;
|
|
6758
|
-
right:
|
|
6764
|
+
right: 1rem;
|
|
6759
6765
|
top: 0.5rem;
|
|
6760
6766
|
}
|
|
6761
6767
|
.dropdown-menu-indicator-end .dropdown-item-indicator-text-end {
|
|
6762
6768
|
padding-right: 0;
|
|
6763
6769
|
}
|
|
6764
6770
|
.dropdown-menu-indicator-end .dropdown-item {
|
|
6765
|
-
padding-right:
|
|
6771
|
+
padding-right: calc(
|
|
6772
|
+
1rem + 1rem + 1rem
|
|
6773
|
+
);
|
|
6766
6774
|
}
|
|
6767
6775
|
.dropdown-menu-indicator-end .dropdown-item .c-inner {
|
|
6768
|
-
margin-right:
|
|
6776
|
+
margin-right: calc((
|
|
6777
|
+
1rem +
|
|
6778
|
+
1rem +
|
|
6779
|
+
1rem
|
|
6780
|
+
) * -1);
|
|
6769
6781
|
}
|
|
6770
6782
|
|
|
6771
6783
|
.dropdown-item-indicator-end {
|
|
@@ -6776,7 +6788,7 @@ input[type=button].btn-block {
|
|
|
6776
6788
|
justify-content: center;
|
|
6777
6789
|
left: auto;
|
|
6778
6790
|
position: absolute;
|
|
6779
|
-
right:
|
|
6791
|
+
right: 1rem;
|
|
6780
6792
|
top: calc( 0.5rem - (( 1rem - (1em * 1.5) ) / 2) );
|
|
6781
6793
|
width: 1rem;
|
|
6782
6794
|
}
|
|
@@ -11623,8 +11635,12 @@ label.custom-control-label {
|
|
|
11623
11635
|
.modal-footer {
|
|
11624
11636
|
align-items: center;
|
|
11625
11637
|
border-top: 0.0625rem solid #e7e7ed;
|
|
11626
|
-
border-bottom-left-radius:
|
|
11627
|
-
|
|
11638
|
+
border-bottom-left-radius: calc(
|
|
11639
|
+
0.375rem - 0.0625rem
|
|
11640
|
+
);
|
|
11641
|
+
border-bottom-right-radius: calc(
|
|
11642
|
+
0.375rem - 0.0625rem
|
|
11643
|
+
);
|
|
11628
11644
|
display: flex;
|
|
11629
11645
|
flex-shrink: 0;
|
|
11630
11646
|
flex-wrap: wrap;
|
|
@@ -17606,8 +17622,8 @@ label.custom-control-label {
|
|
|
17606
17622
|
background-color: #fff;
|
|
17607
17623
|
border-bottom: 0.0625rem solid #f2f2f2;
|
|
17608
17624
|
border-color: #e7e7ed;
|
|
17609
|
-
border-top-left-radius: 0.
|
|
17610
|
-
border-top-right-radius: 0.
|
|
17625
|
+
border-top-left-radius: calc( 0.25rem - 0.0625rem );
|
|
17626
|
+
border-top-right-radius: calc( 0.25rem - 0.0625rem );
|
|
17611
17627
|
font-size: 0.875rem;
|
|
17612
17628
|
font-weight: 600;
|
|
17613
17629
|
margin-bottom: 0;
|
|
@@ -17620,8 +17636,8 @@ label.custom-control-label {
|
|
|
17620
17636
|
display: none;
|
|
17621
17637
|
}
|
|
17622
17638
|
.popover-body {
|
|
17623
|
-
border-bottom-left-radius: 0.
|
|
17624
|
-
border-bottom-right-radius: 0.
|
|
17639
|
+
border-bottom-left-radius: calc( 0.25rem - 0.0625rem );
|
|
17640
|
+
border-bottom-right-radius: calc( 0.25rem - 0.0625rem );
|
|
17625
17641
|
color: #6b6c7e;
|
|
17626
17642
|
padding: 0.75rem 1rem;
|
|
17627
17643
|
}
|