@clayui/css 3.65.1 → 3.69.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 -94
- package/lib/css/atlas.css.map +1 -1
- package/lib/css/base.css +31 -75
- package/lib/css/base.css.map +1 -1
- package/lib/css/cadmin.css +63 -62
- 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/_buttons.scss +26 -26
- package/src/scss/atlas/variables/_custom-forms.scss +2 -2
- package/src/scss/atlas/variables/_dropdowns.scss +2 -2
- package/src/scss/atlas/variables/_forms.scss +6 -2
- package/src/scss/atlas/variables/_menubar.scss +6 -6
- package/src/scss/atlas/variables/_utilities.scss +1 -1
- package/src/scss/cadmin/components/_buttons.scss +14 -22
- package/src/scss/cadmin/components/_dropdowns.scss +22 -14
- package/src/scss/cadmin/variables/_buttons.scss +6 -0
- package/src/scss/cadmin/variables/_dropdowns.scss +10 -10
- package/src/scss/cadmin/variables/_forms.scss +7 -3
- package/src/scss/cadmin/variables/_menubar.scss +8 -8
- package/src/scss/cadmin/variables/_modals.scss +3 -2
- package/src/scss/cadmin/variables/_popovers.scss +3 -2
- package/src/scss/components/_alerts.scss +28 -80
- package/src/scss/components/_buttons.scss +16 -24
- package/src/scss/components/_custom-forms.scss +4 -12
- package/src/scss/components/_date-picker.scss +6 -23
- package/src/scss/components/_dropdowns.scss +30 -35
- package/src/scss/components/_forms.scss +16 -53
- package/src/scss/components/_icons.scss +4 -4
- package/src/scss/components/_labels.scss +6 -10
- package/src/scss/components/_list-group.scss +4 -9
- package/src/scss/components/_modals.scss +2 -6
- package/src/scss/components/_progress-bars.scss +2 -6
- package/src/scss/components/_stickers.scss +3 -15
- package/src/scss/components/_type.scss +3 -3
- package/src/scss/mixins/_alerts.scss +10 -24
- package/src/scss/mixins/_aspect-ratio.scss +51 -49
- package/src/scss/mixins/_badges.scss +140 -140
- package/src/scss/mixins/_buttons.scss +2 -6
- package/src/scss/mixins/_cards.scss +4 -10
- package/src/scss/mixins/_dropdown-menu.scss +19 -31
- package/src/scss/mixins/_globals.scss +1 -1
- package/src/scss/mixins/_grid.scss +59 -51
- package/src/scss/mixins/_labels.scss +228 -212
- package/src/scss/mixins/_menubar.scss +15 -46
- package/src/scss/mixins/_navbar.scss +41 -43
- package/src/scss/mixins/_pagination.scss +35 -71
- package/src/scss/mixins/_sheet.scss +2 -6
- package/src/scss/mixins/_stickers.scss +10 -19
- package/src/scss/mixins/_tbar.scss +10 -30
- 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/_menubar.scss +8 -8
- package/src/scss/variables/_modals.scss +3 -2
- package/src/scss/variables/_popovers.scss +3 -1
package/lib/css/base.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
2
|
/**
|
|
3
|
-
* Clay 3.
|
|
3
|
+
* Clay 3.69.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>
|
|
@@ -3502,10 +3502,6 @@ input[type=button].btn-block {
|
|
|
3502
3502
|
padding-top: 0.5625rem;
|
|
3503
3503
|
min-height: 3.5rem;
|
|
3504
3504
|
}
|
|
3505
|
-
.alert-inline.alert.alert-dismissible.alert-fluid > .container > .alert-autofit-row .btn-group,
|
|
3506
|
-
.alert-inline.alert.alert-dismissible.alert-fluid > .container-fluid > .alert-autofit-row .btn-group {
|
|
3507
|
-
margin-right: 2rem;
|
|
3508
|
-
}
|
|
3509
3505
|
.alert-inline.alert > .alert-autofit-row {
|
|
3510
3506
|
align-items: center;
|
|
3511
3507
|
margin-bottom: calc(-0.75rem - 1px);
|
|
@@ -6252,16 +6248,16 @@ input[type=button].btn-block {
|
|
|
6252
6248
|
width: auto;
|
|
6253
6249
|
}
|
|
6254
6250
|
.dropdown-item.autofit-row {
|
|
6255
|
-
padding-left:
|
|
6256
|
-
padding-right:
|
|
6251
|
+
padding-left: calc(1.5rem - 0.25rem);
|
|
6252
|
+
padding-right: calc(1.5rem - 0.25rem);
|
|
6257
6253
|
}
|
|
6258
6254
|
.dropdown-item.autofit-row > .autofit-col {
|
|
6259
6255
|
padding-left: 0.25rem;
|
|
6260
6256
|
padding-right: 0.25rem;
|
|
6261
6257
|
}
|
|
6262
6258
|
.dropdown-item .autofit-row {
|
|
6263
|
-
margin-left: 0.25rem;
|
|
6264
|
-
margin-right: 0.25rem;
|
|
6259
|
+
margin-left: -0.25rem;
|
|
6260
|
+
margin-right: -0.25rem;
|
|
6265
6261
|
width: auto;
|
|
6266
6262
|
}
|
|
6267
6263
|
.dropdown-item .autofit-row > .autofit-col {
|
|
@@ -6517,10 +6513,16 @@ input[type=button].btn-block {
|
|
|
6517
6513
|
.dropdown-menu-indicator-start .dropdown-subheader,
|
|
6518
6514
|
.dropdown-menu-indicator-start .dropdown-caption,
|
|
6519
6515
|
.dropdown-menu-indicator-start .dropdown-item {
|
|
6520
|
-
padding-left:
|
|
6516
|
+
padding-left: calc(
|
|
6517
|
+
1.5rem + 1rem + 1rem
|
|
6518
|
+
);
|
|
6521
6519
|
}
|
|
6522
6520
|
.dropdown-menu-indicator-start .dropdown-item .c-inner {
|
|
6523
|
-
margin-left:
|
|
6521
|
+
margin-left: calc((
|
|
6522
|
+
1.5rem +
|
|
6523
|
+
1rem +
|
|
6524
|
+
1rem
|
|
6525
|
+
) * -1);
|
|
6524
6526
|
}
|
|
6525
6527
|
|
|
6526
6528
|
.dropdown-item-indicator-start {
|
|
@@ -6566,10 +6568,16 @@ input[type=button].btn-block {
|
|
|
6566
6568
|
padding-right: 0;
|
|
6567
6569
|
}
|
|
6568
6570
|
.dropdown-menu-indicator-end .dropdown-item {
|
|
6569
|
-
padding-right:
|
|
6571
|
+
padding-right: calc(
|
|
6572
|
+
1.5rem + 1rem + 1rem
|
|
6573
|
+
);
|
|
6570
6574
|
}
|
|
6571
6575
|
.dropdown-menu-indicator-end .dropdown-item .c-inner {
|
|
6572
|
-
margin-right:
|
|
6576
|
+
margin-right: calc((
|
|
6577
|
+
1.5rem +
|
|
6578
|
+
1rem +
|
|
6579
|
+
1rem
|
|
6580
|
+
) * -1);
|
|
6573
6581
|
}
|
|
6574
6582
|
|
|
6575
6583
|
.dropdown-item-indicator-end {
|
|
@@ -10618,10 +10626,6 @@ label.custom-control-label {
|
|
|
10618
10626
|
background-color: #9fcdff;
|
|
10619
10627
|
color: #004085;
|
|
10620
10628
|
}
|
|
10621
|
-
.list-group-item-primary.list-group-item-action:focus {
|
|
10622
|
-
background-color: #9fcdff;
|
|
10623
|
-
color: #004085;
|
|
10624
|
-
}
|
|
10625
10629
|
.list-group-item-primary.list-group-item-action.active {
|
|
10626
10630
|
background-color: #004085;
|
|
10627
10631
|
border-color: #004085;
|
|
@@ -10636,10 +10640,6 @@ label.custom-control-label {
|
|
|
10636
10640
|
background-color: #c8cbcf;
|
|
10637
10641
|
color: #383d41;
|
|
10638
10642
|
}
|
|
10639
|
-
.list-group-item-secondary.list-group-item-action:focus {
|
|
10640
|
-
background-color: #c8cbcf;
|
|
10641
|
-
color: #383d41;
|
|
10642
|
-
}
|
|
10643
10643
|
.list-group-item-secondary.list-group-item-action.active {
|
|
10644
10644
|
background-color: #383d41;
|
|
10645
10645
|
border-color: #383d41;
|
|
@@ -10654,10 +10654,6 @@ label.custom-control-label {
|
|
|
10654
10654
|
background-color: #b1dfbb;
|
|
10655
10655
|
color: #155724;
|
|
10656
10656
|
}
|
|
10657
|
-
.list-group-item-success.list-group-item-action:focus {
|
|
10658
|
-
background-color: #b1dfbb;
|
|
10659
|
-
color: #155724;
|
|
10660
|
-
}
|
|
10661
10657
|
.list-group-item-success.list-group-item-action.active {
|
|
10662
10658
|
background-color: #155724;
|
|
10663
10659
|
border-color: #155724;
|
|
@@ -10672,10 +10668,6 @@ label.custom-control-label {
|
|
|
10672
10668
|
background-color: #abdde5;
|
|
10673
10669
|
color: #0c5460;
|
|
10674
10670
|
}
|
|
10675
|
-
.list-group-item-info.list-group-item-action:focus {
|
|
10676
|
-
background-color: #abdde5;
|
|
10677
|
-
color: #0c5460;
|
|
10678
|
-
}
|
|
10679
10671
|
.list-group-item-info.list-group-item-action.active {
|
|
10680
10672
|
background-color: #0c5460;
|
|
10681
10673
|
border-color: #0c5460;
|
|
@@ -10690,10 +10682,6 @@ label.custom-control-label {
|
|
|
10690
10682
|
background-color: #ffe8a1;
|
|
10691
10683
|
color: #856404;
|
|
10692
10684
|
}
|
|
10693
|
-
.list-group-item-warning.list-group-item-action:focus {
|
|
10694
|
-
background-color: #ffe8a1;
|
|
10695
|
-
color: #856404;
|
|
10696
|
-
}
|
|
10697
10685
|
.list-group-item-warning.list-group-item-action.active {
|
|
10698
10686
|
background-color: #856404;
|
|
10699
10687
|
border-color: #856404;
|
|
@@ -10708,10 +10696,6 @@ label.custom-control-label {
|
|
|
10708
10696
|
background-color: #f1b0b7;
|
|
10709
10697
|
color: #721c24;
|
|
10710
10698
|
}
|
|
10711
|
-
.list-group-item-danger.list-group-item-action:focus {
|
|
10712
|
-
background-color: #f1b0b7;
|
|
10713
|
-
color: #721c24;
|
|
10714
|
-
}
|
|
10715
10699
|
.list-group-item-danger.list-group-item-action.active {
|
|
10716
10700
|
background-color: #721c24;
|
|
10717
10701
|
border-color: #721c24;
|
|
@@ -10726,10 +10710,6 @@ label.custom-control-label {
|
|
|
10726
10710
|
background-color: #ececf6;
|
|
10727
10711
|
color: #818182;
|
|
10728
10712
|
}
|
|
10729
|
-
.list-group-item-light.list-group-item-action:focus {
|
|
10730
|
-
background-color: #ececf6;
|
|
10731
|
-
color: #818182;
|
|
10732
|
-
}
|
|
10733
10713
|
.list-group-item-light.list-group-item-action.active {
|
|
10734
10714
|
background-color: #818182;
|
|
10735
10715
|
border-color: #818182;
|
|
@@ -10744,10 +10724,6 @@ label.custom-control-label {
|
|
|
10744
10724
|
background-color: #b9bbbe;
|
|
10745
10725
|
color: #1b1e21;
|
|
10746
10726
|
}
|
|
10747
|
-
.list-group-item-dark.list-group-item-action:focus {
|
|
10748
|
-
background-color: #b9bbbe;
|
|
10749
|
-
color: #1b1e21;
|
|
10750
|
-
}
|
|
10751
10727
|
.list-group-item-dark.list-group-item-action.active {
|
|
10752
10728
|
background-color: #1b1e21;
|
|
10753
10729
|
border-color: #1b1e21;
|
|
@@ -11018,8 +10994,12 @@ label.custom-control-label {
|
|
|
11018
10994
|
.modal-footer {
|
|
11019
10995
|
align-items: center;
|
|
11020
10996
|
border-top: 0.0625rem solid #dee2e6;
|
|
11021
|
-
border-bottom-left-radius:
|
|
11022
|
-
|
|
10997
|
+
border-bottom-left-radius: calc(
|
|
10998
|
+
0.3rem - 0.0625rem
|
|
10999
|
+
);
|
|
11000
|
+
border-bottom-right-radius: calc(
|
|
11001
|
+
0.3rem - 0.0625rem
|
|
11002
|
+
);
|
|
11023
11003
|
display: flex;
|
|
11024
11004
|
flex-shrink: 0;
|
|
11025
11005
|
flex-wrap: wrap;
|
|
@@ -16589,8 +16569,8 @@ label.custom-control-label {
|
|
|
16589
16569
|
.popover-header {
|
|
16590
16570
|
background-color: #f7f7f7;
|
|
16591
16571
|
border-bottom: 0.0625rem solid #ebebeb;
|
|
16592
|
-
border-top-left-radius: 0.
|
|
16593
|
-
border-top-right-radius: 0.
|
|
16572
|
+
border-top-left-radius: calc( 0.3rem - 0.0625rem );
|
|
16573
|
+
border-top-right-radius: calc( 0.3rem - 0.0625rem );
|
|
16594
16574
|
font-size: 1rem;
|
|
16595
16575
|
font-weight: 500;
|
|
16596
16576
|
margin-bottom: 0;
|
|
@@ -16601,8 +16581,8 @@ label.custom-control-label {
|
|
|
16601
16581
|
display: none;
|
|
16602
16582
|
}
|
|
16603
16583
|
.popover-body {
|
|
16604
|
-
border-bottom-left-radius: 0.
|
|
16605
|
-
border-bottom-right-radius: 0.
|
|
16584
|
+
border-bottom-left-radius: calc( 0.3rem - 0.0625rem );
|
|
16585
|
+
border-bottom-right-radius: calc( 0.3rem - 0.0625rem );
|
|
16606
16586
|
color: #212529;
|
|
16607
16587
|
padding: 0.5rem 0.75rem;
|
|
16608
16588
|
}
|
|
@@ -18773,9 +18753,6 @@ caption {
|
|
|
18773
18753
|
border-width: 0 0 0.0625rem 0;
|
|
18774
18754
|
height: 3.5rem;
|
|
18775
18755
|
}
|
|
18776
|
-
.component-tbar .tbar-label {
|
|
18777
|
-
border-width: 0.0625rem;
|
|
18778
|
-
}
|
|
18779
18756
|
.subnav-tbar {
|
|
18780
18757
|
font-size: 0.875rem;
|
|
18781
18758
|
}
|
|
@@ -18875,9 +18852,6 @@ caption {
|
|
|
18875
18852
|
.subnav-tbar .component-label {
|
|
18876
18853
|
font-weight: 400;
|
|
18877
18854
|
}
|
|
18878
|
-
.subnav-tbar .tbar-label {
|
|
18879
|
-
border-width: 0.0625rem;
|
|
18880
|
-
}
|
|
18881
18855
|
.subnav-tbar-primary {
|
|
18882
18856
|
background-color: #a8d2ff;
|
|
18883
18857
|
padding-bottom: 0.625rem;
|
|
@@ -18940,18 +18914,12 @@ caption {
|
|
|
18940
18914
|
.subnav-tbar-primary.subnav-tbar-disabled .component-label {
|
|
18941
18915
|
border-color: #6c757d;
|
|
18942
18916
|
}
|
|
18943
|
-
.subnav-tbar-primary.subnav-tbar-disabled .tbar-label {
|
|
18944
|
-
border-width: 0.0625rem;
|
|
18945
|
-
}
|
|
18946
18917
|
.subnav-tbar-light {
|
|
18947
18918
|
color: rgba(0, 0, 0, 0.5);
|
|
18948
18919
|
background-color: #f8f9fa;
|
|
18949
18920
|
padding-bottom: 0.125rem;
|
|
18950
18921
|
padding-top: 0.125rem;
|
|
18951
18922
|
}
|
|
18952
|
-
.subnav-tbar-light .tbar-label {
|
|
18953
|
-
border-width: 0.0625rem;
|
|
18954
|
-
}
|
|
18955
18923
|
.tbar-stacked {
|
|
18956
18924
|
display: inline-flex;
|
|
18957
18925
|
height: 100%;
|
|
@@ -19018,9 +18986,6 @@ caption {
|
|
|
19018
18986
|
margin-right: 0;
|
|
19019
18987
|
margin-top: 0;
|
|
19020
18988
|
}
|
|
19021
|
-
.tbar-stacked .tbar-label {
|
|
19022
|
-
border-width: 0.0625rem;
|
|
19023
|
-
}
|
|
19024
18989
|
.tbar-light {
|
|
19025
18990
|
background-color: #fff;
|
|
19026
18991
|
box-shadow: inset 1px 0 0 0 #e9ecef, inset -1px 0 0 0 #e9ecef;
|
|
@@ -19053,9 +19018,6 @@ caption {
|
|
|
19053
19018
|
background-color: #e9ecef;
|
|
19054
19019
|
color: #343a40;
|
|
19055
19020
|
}
|
|
19056
|
-
.tbar-light .tbar-label {
|
|
19057
|
-
border-width: 0.0625rem;
|
|
19058
|
-
}
|
|
19059
19021
|
.tbar-dark-l2 {
|
|
19060
19022
|
background-color: #828e9a;
|
|
19061
19023
|
box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.06), inset -1px 0 0 0 rgba(255, 255, 255, 0.06);
|
|
@@ -19089,9 +19051,6 @@ caption {
|
|
|
19089
19051
|
background-color: rgba(255, 255, 255, 0.06);
|
|
19090
19052
|
color: #fff;
|
|
19091
19053
|
}
|
|
19092
|
-
.tbar-dark-l2 .tbar-label {
|
|
19093
|
-
border-width: 0.0625rem;
|
|
19094
|
-
}
|
|
19095
19054
|
.tbar-dark-d1 {
|
|
19096
19055
|
background-color: #23272b;
|
|
19097
19056
|
box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.06), inset -1px 0 0 0 rgba(255, 255, 255, 0.06);
|
|
@@ -19134,9 +19093,6 @@ caption {
|
|
|
19134
19093
|
background-color: rgba(255, 255, 255, 0.06);
|
|
19135
19094
|
color: #fff;
|
|
19136
19095
|
}
|
|
19137
|
-
.tbar-dark-d1 .tbar-label {
|
|
19138
|
-
border-width: 0.0625rem;
|
|
19139
|
-
}
|
|
19140
19096
|
.timeline {
|
|
19141
19097
|
list-style: none;
|
|
19142
19098
|
padding-left: 0;
|