@clayui/css 3.134.0 → 3.135.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 +31 -26
- package/lib/css/atlas.css.map +1 -1
- package/lib/css/base.css +31 -26
- package/lib/css/base.css.map +1 -1
- package/lib/css/cadmin.css +3 -26
- 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/mixins/_navbar.scss +436 -270
- package/src/scss/mixins/_stickers.scss +86 -39
- package/src/scss/mixins/_tables.scss +527 -308
- package/src/scss/mixins/_tbar.scss +165 -87
- package/src/scss/mixins/_toggle-switch.scss +705 -380
- package/src/scss/mixins/_tooltip.scss +53 -21
- package/src/scss/variables/_modals.scss +1 -1
package/lib/css/atlas.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
2
|
/**
|
|
3
|
-
* Clay 3.
|
|
3
|
+
* Clay 3.135.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>
|
|
@@ -5480,6 +5480,7 @@ input[type=button].btn-block {
|
|
|
5480
5480
|
.sticker .lexicon-icon {
|
|
5481
5481
|
margin-top: 0;
|
|
5482
5482
|
}
|
|
5483
|
+
|
|
5483
5484
|
.sticker-overlay {
|
|
5484
5485
|
align-items: center;
|
|
5485
5486
|
border-radius: inherit;
|
|
@@ -13105,7 +13106,7 @@ label.custom-control-label {
|
|
|
13105
13106
|
overflow: auto;
|
|
13106
13107
|
padding: 1.5rem;
|
|
13107
13108
|
}
|
|
13108
|
-
.modal-body .
|
|
13109
|
+
.modal-body .modal-banner-img {
|
|
13109
13110
|
margin-left: -1.5rem;
|
|
13110
13111
|
margin-right: -1.5rem;
|
|
13111
13112
|
top: -1.5rem;
|
|
@@ -16880,6 +16881,7 @@ label.custom-control-label {
|
|
|
16880
16881
|
.application-bar-dark .navbar-overlay {
|
|
16881
16882
|
background-color: #30313f;
|
|
16882
16883
|
}
|
|
16884
|
+
|
|
16883
16885
|
.management-bar {
|
|
16884
16886
|
border-width: 0px 0px 0.0625rem 0px;
|
|
16885
16887
|
font-size: 0.875rem;
|
|
@@ -18069,6 +18071,7 @@ label.custom-control-label {
|
|
|
18069
18071
|
.management-bar-light .navbar-overlay {
|
|
18070
18072
|
background-color: #fff;
|
|
18071
18073
|
}
|
|
18074
|
+
|
|
18072
18075
|
.management-bar-primary {
|
|
18073
18076
|
background-color: #f0f5ff;
|
|
18074
18077
|
border-color: #0b5fff;
|
|
@@ -18141,6 +18144,7 @@ label.custom-control-label {
|
|
|
18141
18144
|
.management-bar-primary .navbar-overlay {
|
|
18142
18145
|
background-color: #f0f5ff;
|
|
18143
18146
|
}
|
|
18147
|
+
|
|
18144
18148
|
.navigation-bar {
|
|
18145
18149
|
border-width: 0px 0px 0.0625rem 0px;
|
|
18146
18150
|
font-size: 0.875rem;
|
|
@@ -20901,6 +20905,7 @@ a.sheet-subtitle.focus, a.sheet-subtitle:focus-visible, .c-prefers-focus a.sheet
|
|
|
20901
20905
|
.sidebar-light .component-navigation-bar .navbar-overlay {
|
|
20902
20906
|
background-color: #fff;
|
|
20903
20907
|
}
|
|
20908
|
+
|
|
20904
20909
|
.sidebar-dark {
|
|
20905
20910
|
background-color: #272833;
|
|
20906
20911
|
color: #fff;
|
|
@@ -21365,16 +21370,19 @@ caption {
|
|
|
21365
21370
|
.table-lg td {
|
|
21366
21371
|
padding: 1.0625rem;
|
|
21367
21372
|
}
|
|
21373
|
+
|
|
21368
21374
|
.table-md th,
|
|
21369
21375
|
.table-md td {
|
|
21370
21376
|
height: 48px;
|
|
21371
21377
|
padding: 0.375rem 1rem;
|
|
21372
21378
|
}
|
|
21379
|
+
|
|
21373
21380
|
.table-sm th,
|
|
21374
21381
|
.table-sm td {
|
|
21375
21382
|
height: 32px;
|
|
21376
21383
|
padding: 0.25rem 1rem;
|
|
21377
21384
|
}
|
|
21385
|
+
|
|
21378
21386
|
.table-bordered {
|
|
21379
21387
|
border: 0.0625rem solid #e7e7ed;
|
|
21380
21388
|
}
|
|
@@ -21386,6 +21394,7 @@ caption {
|
|
|
21386
21394
|
.table-bordered td {
|
|
21387
21395
|
border: 0.0625rem solid #e7e7ed;
|
|
21388
21396
|
}
|
|
21397
|
+
|
|
21389
21398
|
.table-head-bordered thead th,
|
|
21390
21399
|
.table-head-bordered thead td {
|
|
21391
21400
|
border-left: 0.0625rem solid #e7e7ed;
|
|
@@ -21394,6 +21403,7 @@ caption {
|
|
|
21394
21403
|
.table-head-bordered thead td:first-child {
|
|
21395
21404
|
border-left-width: 0;
|
|
21396
21405
|
}
|
|
21406
|
+
|
|
21397
21407
|
.table-borderless th,
|
|
21398
21408
|
.table-borderless td,
|
|
21399
21409
|
.table-borderless thead th,
|
|
@@ -21425,6 +21435,7 @@ caption {
|
|
|
21425
21435
|
.table-hover .table-disabled:hover {
|
|
21426
21436
|
background-color: #fff;
|
|
21427
21437
|
}
|
|
21438
|
+
|
|
21428
21439
|
tr.table-focus {
|
|
21429
21440
|
outline: 0;
|
|
21430
21441
|
}
|
|
@@ -21998,6 +22009,7 @@ td.table-focus {
|
|
|
21998
22009
|
.table.table-list.table-bordered .table-column-start {
|
|
21999
22010
|
border-left-width: 0;
|
|
22000
22011
|
}
|
|
22012
|
+
|
|
22001
22013
|
.table-list.table-striped tbody tr:nth-of-type(odd):not(.table-active):not(.table-disabled):not(.table-divider),
|
|
22002
22014
|
.table-list.table-striped tbody tr:nth-of-type(odd):not(.table-active):not(.table-disabled):not(.table-divider) th,
|
|
22003
22015
|
.table-list.table-striped tbody tr:nth-of-type(odd):not(.table-active):not(.table-disabled):not(.table-divider) td {
|
|
@@ -22027,6 +22039,7 @@ td.table-focus {
|
|
|
22027
22039
|
.table-list.table-hover .table-disabled:hover {
|
|
22028
22040
|
background-color: #fff;
|
|
22029
22041
|
}
|
|
22042
|
+
|
|
22030
22043
|
.table-list-title {
|
|
22031
22044
|
font-size: 0.875rem;
|
|
22032
22045
|
font-weight: 600;
|
|
@@ -22279,6 +22292,7 @@ td.table-focus {
|
|
|
22279
22292
|
height: 1.5rem;
|
|
22280
22293
|
width: 1.5rem;
|
|
22281
22294
|
}
|
|
22295
|
+
|
|
22282
22296
|
.show-quick-actions-on-hover tr:not(.table-active):not(.table-disabled):hover .quick-action-menu {
|
|
22283
22297
|
display: flex;
|
|
22284
22298
|
}
|
|
@@ -22596,9 +22610,6 @@ td.table-focus {
|
|
|
22596
22610
|
height: 3.5rem;
|
|
22597
22611
|
color: #6b6c7e;
|
|
22598
22612
|
}
|
|
22599
|
-
.component-tbar .tbar-label {
|
|
22600
|
-
border-width: 0.0625rem;
|
|
22601
|
-
}
|
|
22602
22613
|
.subnav-tbar {
|
|
22603
22614
|
font-size: 0.875rem;
|
|
22604
22615
|
}
|
|
@@ -22701,9 +22712,6 @@ td.table-focus {
|
|
|
22701
22712
|
.subnav-tbar .component-label {
|
|
22702
22713
|
font-weight: 400;
|
|
22703
22714
|
}
|
|
22704
|
-
.subnav-tbar .tbar-label {
|
|
22705
|
-
border-width: 0.0625rem;
|
|
22706
|
-
}
|
|
22707
22715
|
.subnav-tbar-primary {
|
|
22708
22716
|
background-color: #b3cdff;
|
|
22709
22717
|
padding-bottom: 0.625rem;
|
|
@@ -22767,18 +22775,12 @@ td.table-focus {
|
|
|
22767
22775
|
.subnav-tbar-primary.subnav-tbar-disabled .component-label {
|
|
22768
22776
|
border-color: #8e94aa;
|
|
22769
22777
|
}
|
|
22770
|
-
.subnav-tbar-primary.subnav-tbar-disabled .tbar-label {
|
|
22771
|
-
border-width: 0.0625rem;
|
|
22772
|
-
}
|
|
22773
22778
|
.subnav-tbar-light {
|
|
22774
22779
|
background-color: white;
|
|
22775
22780
|
color: #6b6c7e;
|
|
22776
22781
|
padding-bottom: 0.125rem;
|
|
22777
22782
|
padding-top: 0.125rem;
|
|
22778
22783
|
}
|
|
22779
|
-
.subnav-tbar-light .tbar-label {
|
|
22780
|
-
border-width: 0.0625rem;
|
|
22781
|
-
}
|
|
22782
22784
|
.tbar-stacked {
|
|
22783
22785
|
display: inline-flex;
|
|
22784
22786
|
height: 100%;
|
|
@@ -22843,9 +22845,6 @@ td.table-focus {
|
|
|
22843
22845
|
margin-right: 0;
|
|
22844
22846
|
margin-top: 0;
|
|
22845
22847
|
}
|
|
22846
|
-
.tbar-stacked .tbar-label {
|
|
22847
|
-
border-width: 0.0625rem;
|
|
22848
|
-
}
|
|
22849
22848
|
.tbar-light {
|
|
22850
22849
|
background-color: #fff;
|
|
22851
22850
|
box-shadow: inset 1px 0 0 0 #f1f2f5, inset -1px 0 0 0 #f1f2f5;
|
|
@@ -22879,9 +22878,6 @@ td.table-focus {
|
|
|
22879
22878
|
background-color: #f1f2f5;
|
|
22880
22879
|
color: #272833;
|
|
22881
22880
|
}
|
|
22882
|
-
.tbar-light .tbar-label {
|
|
22883
|
-
border-width: 0.0625rem;
|
|
22884
|
-
}
|
|
22885
22881
|
.tbar-dark-l2 {
|
|
22886
22882
|
background-color: #393a4a;
|
|
22887
22883
|
box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.06), inset -1px 0 0 0 rgba(255, 255, 255, 0.06);
|
|
@@ -22916,9 +22912,6 @@ td.table-focus {
|
|
|
22916
22912
|
background-color: rgba(255, 255, 255, 0.06);
|
|
22917
22913
|
color: #fff;
|
|
22918
22914
|
}
|
|
22919
|
-
.tbar-dark-l2 .tbar-label {
|
|
22920
|
-
border-width: 0.0625rem;
|
|
22921
|
-
}
|
|
22922
22915
|
.tbar-dark-d1 {
|
|
22923
22916
|
background-color: #1c1c24;
|
|
22924
22917
|
box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.06), inset -1px 0 0 0 rgba(255, 255, 255, 0.06);
|
|
@@ -22972,9 +22965,6 @@ td.table-focus {
|
|
|
22972
22965
|
top: 0;
|
|
22973
22966
|
width: 0.25rem;
|
|
22974
22967
|
}
|
|
22975
|
-
.tbar-dark-d1 .tbar-label {
|
|
22976
|
-
border-width: 0.0625rem;
|
|
22977
|
-
}
|
|
22978
22968
|
.timeline {
|
|
22979
22969
|
list-style: none;
|
|
22980
22970
|
padding-left: 0;
|
|
@@ -23273,6 +23263,7 @@ td.table-focus {
|
|
|
23273
23263
|
.toggle-switch-bar .button-icon {
|
|
23274
23264
|
font-size: 0.625rem;
|
|
23275
23265
|
}
|
|
23266
|
+
|
|
23276
23267
|
.toggle-switch-check {
|
|
23277
23268
|
bottom: 0;
|
|
23278
23269
|
font-size: 62.5%;
|
|
@@ -23407,6 +23398,7 @@ td.table-focus {
|
|
|
23407
23398
|
.toggle-switch-check:focus-visible ~ .toggle-switch-bar::before, .c-prefers-focus .toggle-switch-check:focus ~ .toggle-switch-bar::before {
|
|
23408
23399
|
box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #5791ff;
|
|
23409
23400
|
}
|
|
23401
|
+
|
|
23410
23402
|
.toggle-switch-check[disabled] ~ .toggle-switch-bar, .toggle-switch-check:disabled ~ .toggle-switch-bar {
|
|
23411
23403
|
cursor: not-allowed;
|
|
23412
23404
|
opacity: 0.4;
|
|
@@ -23648,6 +23640,7 @@ td.table-focus {
|
|
|
23648
23640
|
content: "";
|
|
23649
23641
|
position: absolute;
|
|
23650
23642
|
}
|
|
23643
|
+
|
|
23651
23644
|
.tooltip-inner {
|
|
23652
23645
|
background-color: #111116;
|
|
23653
23646
|
border-radius: 0.25rem;
|
|
@@ -23756,15 +23749,18 @@ td.table-focus {
|
|
|
23756
23749
|
left: 50%;
|
|
23757
23750
|
top: 0;
|
|
23758
23751
|
}
|
|
23752
|
+
|
|
23759
23753
|
.clay-tooltip-bottom-left .arrow {
|
|
23760
23754
|
left: 0.5rem;
|
|
23761
23755
|
margin-left: 0;
|
|
23762
23756
|
}
|
|
23757
|
+
|
|
23763
23758
|
.clay-tooltip-bottom-right .arrow {
|
|
23764
23759
|
left: auto;
|
|
23765
23760
|
margin-left: 0;
|
|
23766
23761
|
right: 0.5rem;
|
|
23767
23762
|
}
|
|
23763
|
+
|
|
23768
23764
|
.clay-tooltip-left,
|
|
23769
23765
|
.clay-tooltip-left-bottom,
|
|
23770
23766
|
.clay-tooltip-left-top {
|
|
@@ -23794,15 +23790,18 @@ td.table-focus {
|
|
|
23794
23790
|
right: 0;
|
|
23795
23791
|
top: 50%;
|
|
23796
23792
|
}
|
|
23793
|
+
|
|
23797
23794
|
.clay-tooltip-left-bottom .arrow {
|
|
23798
23795
|
bottom: 0.5rem;
|
|
23799
23796
|
margin-top: 0;
|
|
23800
23797
|
top: auto;
|
|
23801
23798
|
}
|
|
23799
|
+
|
|
23802
23800
|
.clay-tooltip-left-top .arrow {
|
|
23803
23801
|
margin-top: 0;
|
|
23804
23802
|
top: 0.5rem;
|
|
23805
23803
|
}
|
|
23804
|
+
|
|
23806
23805
|
.clay-tooltip-right,
|
|
23807
23806
|
.clay-tooltip-right-bottom,
|
|
23808
23807
|
.clay-tooltip-right-top {
|
|
@@ -23832,15 +23831,18 @@ td.table-focus {
|
|
|
23832
23831
|
left: 0;
|
|
23833
23832
|
top: 50%;
|
|
23834
23833
|
}
|
|
23834
|
+
|
|
23835
23835
|
.clay-tooltip-right-bottom .arrow {
|
|
23836
23836
|
bottom: 0.5rem;
|
|
23837
23837
|
margin-top: 0;
|
|
23838
23838
|
top: auto;
|
|
23839
23839
|
}
|
|
23840
|
+
|
|
23840
23841
|
.clay-tooltip-right-top .arrow {
|
|
23841
23842
|
margin-top: 0;
|
|
23842
23843
|
top: 0.5rem;
|
|
23843
23844
|
}
|
|
23845
|
+
|
|
23844
23846
|
.clay-tooltip-top,
|
|
23845
23847
|
.clay-tooltip-top-left,
|
|
23846
23848
|
.clay-tooltip-top-right {
|
|
@@ -23868,15 +23870,18 @@ td.table-focus {
|
|
|
23868
23870
|
bottom: 0;
|
|
23869
23871
|
left: 50%;
|
|
23870
23872
|
}
|
|
23873
|
+
|
|
23871
23874
|
.clay-tooltip-top-left .arrow {
|
|
23872
23875
|
left: 0.5rem;
|
|
23873
23876
|
margin-left: 0;
|
|
23874
23877
|
}
|
|
23878
|
+
|
|
23875
23879
|
.clay-tooltip-top-right .arrow {
|
|
23876
23880
|
left: auto;
|
|
23877
23881
|
margin-left: 0;
|
|
23878
23882
|
right: 0.5rem;
|
|
23879
23883
|
}
|
|
23884
|
+
|
|
23880
23885
|
.treeview {
|
|
23881
23886
|
display: flex;
|
|
23882
23887
|
flex-direction: column;
|