@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/base.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>
|
|
@@ -5325,6 +5325,7 @@ input[type=button].btn-block {
|
|
|
5325
5325
|
.sticker .lexicon-icon {
|
|
5326
5326
|
margin-top: 0;
|
|
5327
5327
|
}
|
|
5328
|
+
|
|
5328
5329
|
.sticker-overlay {
|
|
5329
5330
|
align-items: center;
|
|
5330
5331
|
border-radius: inherit;
|
|
@@ -12318,7 +12319,7 @@ label.custom-control-label {
|
|
|
12318
12319
|
overflow: auto;
|
|
12319
12320
|
padding: 1rem;
|
|
12320
12321
|
}
|
|
12321
|
-
.modal-body .
|
|
12322
|
+
.modal-body .modal-banner-img {
|
|
12322
12323
|
margin-left: -1rem;
|
|
12323
12324
|
margin-right: -1rem;
|
|
12324
12325
|
top: -1rem;
|
|
@@ -15753,6 +15754,7 @@ label.custom-control-label {
|
|
|
15753
15754
|
.application-bar-dark .navbar-overlay {
|
|
15754
15755
|
background-color: #343a40;
|
|
15755
15756
|
}
|
|
15757
|
+
|
|
15756
15758
|
.management-bar {
|
|
15757
15759
|
border-width: 0px 0px 0.0625rem 0px;
|
|
15758
15760
|
font-size: 1rem;
|
|
@@ -16873,6 +16875,7 @@ label.custom-control-label {
|
|
|
16873
16875
|
.management-bar-light .navbar-overlay {
|
|
16874
16876
|
background-color: #f8f9fa;
|
|
16875
16877
|
}
|
|
16878
|
+
|
|
16876
16879
|
.management-bar-primary {
|
|
16877
16880
|
background-color: #e5f2ff;
|
|
16878
16881
|
border-color: #007bff;
|
|
@@ -16916,6 +16919,7 @@ label.custom-control-label {
|
|
|
16916
16919
|
.management-bar-primary .navbar-overlay {
|
|
16917
16920
|
background-color: #e5f2ff;
|
|
16918
16921
|
}
|
|
16922
|
+
|
|
16919
16923
|
.navigation-bar {
|
|
16920
16924
|
border-width: 0px 0px 0.0625rem 0px;
|
|
16921
16925
|
font-size: 1rem;
|
|
@@ -19340,6 +19344,7 @@ a.sheet-subtitle:hover, a.sheet-subtitle.hover {
|
|
|
19340
19344
|
.sidebar-light .component-navigation-bar .navbar-overlay {
|
|
19341
19345
|
background-color: #f8f9fa;
|
|
19342
19346
|
}
|
|
19347
|
+
|
|
19343
19348
|
.sidebar-dark {
|
|
19344
19349
|
background-color: #343a40;
|
|
19345
19350
|
color: #fff;
|
|
@@ -19774,16 +19779,19 @@ caption {
|
|
|
19774
19779
|
.table-lg td {
|
|
19775
19780
|
padding: 1.0625rem;
|
|
19776
19781
|
}
|
|
19782
|
+
|
|
19777
19783
|
.table-md th,
|
|
19778
19784
|
.table-md td {
|
|
19779
19785
|
height: 48px;
|
|
19780
19786
|
padding: 0.375rem 1rem;
|
|
19781
19787
|
}
|
|
19788
|
+
|
|
19782
19789
|
.table-sm th,
|
|
19783
19790
|
.table-sm td {
|
|
19784
19791
|
height: 32px;
|
|
19785
19792
|
padding: 0.25rem 1rem;
|
|
19786
19793
|
}
|
|
19794
|
+
|
|
19787
19795
|
.table-bordered {
|
|
19788
19796
|
border: 0.0625rem solid #dee2e6;
|
|
19789
19797
|
}
|
|
@@ -19795,6 +19803,7 @@ caption {
|
|
|
19795
19803
|
.table-bordered td {
|
|
19796
19804
|
border: 0.0625rem solid #dee2e6;
|
|
19797
19805
|
}
|
|
19806
|
+
|
|
19798
19807
|
.table-head-bordered thead th,
|
|
19799
19808
|
.table-head-bordered thead td {
|
|
19800
19809
|
border-left: 0.0625rem solid #dee2e6;
|
|
@@ -19803,6 +19812,7 @@ caption {
|
|
|
19803
19812
|
.table-head-bordered thead td:first-child {
|
|
19804
19813
|
border-left-width: 0;
|
|
19805
19814
|
}
|
|
19815
|
+
|
|
19806
19816
|
.table-borderless th,
|
|
19807
19817
|
.table-borderless td,
|
|
19808
19818
|
.table-borderless thead th,
|
|
@@ -19834,6 +19844,7 @@ caption {
|
|
|
19834
19844
|
.table-hover .table-disabled:hover {
|
|
19835
19845
|
background-color: #fff;
|
|
19836
19846
|
}
|
|
19847
|
+
|
|
19837
19848
|
tr.table-focus {
|
|
19838
19849
|
outline: 0;
|
|
19839
19850
|
}
|
|
@@ -20333,6 +20344,7 @@ td.table-focus {
|
|
|
20333
20344
|
.table.table-list.table-bordered .table-column-start {
|
|
20334
20345
|
border-left-width: 0;
|
|
20335
20346
|
}
|
|
20347
|
+
|
|
20336
20348
|
.table-list.table-striped tbody tr:nth-of-type(odd):not(.table-active):not(.table-disabled):not(.table-divider),
|
|
20337
20349
|
.table-list.table-striped tbody tr:nth-of-type(odd):not(.table-active):not(.table-disabled):not(.table-divider) th,
|
|
20338
20350
|
.table-list.table-striped tbody tr:nth-of-type(odd):not(.table-active):not(.table-disabled):not(.table-divider) td {
|
|
@@ -20362,6 +20374,7 @@ td.table-focus {
|
|
|
20362
20374
|
.table-list.table-hover .table-disabled:hover {
|
|
20363
20375
|
background-color: #fff;
|
|
20364
20376
|
}
|
|
20377
|
+
|
|
20365
20378
|
.table-list-title {
|
|
20366
20379
|
font-size: 1rem;
|
|
20367
20380
|
font-weight: 500;
|
|
@@ -20542,6 +20555,7 @@ td.table-focus {
|
|
|
20542
20555
|
height: 1.5rem;
|
|
20543
20556
|
width: 1.5rem;
|
|
20544
20557
|
}
|
|
20558
|
+
|
|
20545
20559
|
.show-quick-actions-on-hover tr:not(.table-active):not(.table-disabled):hover .quick-action-menu {
|
|
20546
20560
|
display: flex;
|
|
20547
20561
|
}
|
|
@@ -20858,9 +20872,6 @@ td.table-focus {
|
|
|
20858
20872
|
border-width: 0 0 0.0625rem 0;
|
|
20859
20873
|
height: 3.5rem;
|
|
20860
20874
|
}
|
|
20861
|
-
.component-tbar .tbar-label {
|
|
20862
|
-
border-width: 0.0625rem;
|
|
20863
|
-
}
|
|
20864
20875
|
.subnav-tbar {
|
|
20865
20876
|
font-size: 0.875rem;
|
|
20866
20877
|
}
|
|
@@ -20963,9 +20974,6 @@ td.table-focus {
|
|
|
20963
20974
|
.subnav-tbar .component-label {
|
|
20964
20975
|
font-weight: 400;
|
|
20965
20976
|
}
|
|
20966
|
-
.subnav-tbar .tbar-label {
|
|
20967
|
-
border-width: 0.0625rem;
|
|
20968
|
-
}
|
|
20969
20977
|
.subnav-tbar-primary {
|
|
20970
20978
|
background-color: #a8d2ff;
|
|
20971
20979
|
padding-bottom: 0.625rem;
|
|
@@ -21029,18 +21037,12 @@ td.table-focus {
|
|
|
21029
21037
|
.subnav-tbar-primary.subnav-tbar-disabled .component-label {
|
|
21030
21038
|
border-color: #6c757d;
|
|
21031
21039
|
}
|
|
21032
|
-
.subnav-tbar-primary.subnav-tbar-disabled .tbar-label {
|
|
21033
|
-
border-width: 0.0625rem;
|
|
21034
|
-
}
|
|
21035
21040
|
.subnav-tbar-light {
|
|
21036
21041
|
background-color: #f8f9fa;
|
|
21037
21042
|
color: rgba(0, 0, 0, 0.5);
|
|
21038
21043
|
padding-bottom: 0.125rem;
|
|
21039
21044
|
padding-top: 0.125rem;
|
|
21040
21045
|
}
|
|
21041
|
-
.subnav-tbar-light .tbar-label {
|
|
21042
|
-
border-width: 0.0625rem;
|
|
21043
|
-
}
|
|
21044
21046
|
.tbar-stacked {
|
|
21045
21047
|
display: inline-flex;
|
|
21046
21048
|
height: 100%;
|
|
@@ -21105,9 +21107,6 @@ td.table-focus {
|
|
|
21105
21107
|
margin-right: 0;
|
|
21106
21108
|
margin-top: 0;
|
|
21107
21109
|
}
|
|
21108
|
-
.tbar-stacked .tbar-label {
|
|
21109
|
-
border-width: 0.0625rem;
|
|
21110
|
-
}
|
|
21111
21110
|
.tbar-light {
|
|
21112
21111
|
background-color: #fff;
|
|
21113
21112
|
box-shadow: inset 1px 0 0 0 #e9ecef, inset -1px 0 0 0 #e9ecef;
|
|
@@ -21141,9 +21140,6 @@ td.table-focus {
|
|
|
21141
21140
|
background-color: #e9ecef;
|
|
21142
21141
|
color: #343a40;
|
|
21143
21142
|
}
|
|
21144
|
-
.tbar-light .tbar-label {
|
|
21145
|
-
border-width: 0.0625rem;
|
|
21146
|
-
}
|
|
21147
21143
|
.tbar-dark-l2 {
|
|
21148
21144
|
background-color: #828e9a;
|
|
21149
21145
|
box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.06), inset -1px 0 0 0 rgba(255, 255, 255, 0.06);
|
|
@@ -21178,9 +21174,6 @@ td.table-focus {
|
|
|
21178
21174
|
background-color: rgba(255, 255, 255, 0.06);
|
|
21179
21175
|
color: #fff;
|
|
21180
21176
|
}
|
|
21181
|
-
.tbar-dark-l2 .tbar-label {
|
|
21182
|
-
border-width: 0.0625rem;
|
|
21183
|
-
}
|
|
21184
21177
|
.tbar-dark-d1 {
|
|
21185
21178
|
background-color: #23272b;
|
|
21186
21179
|
box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.06), inset -1px 0 0 0 rgba(255, 255, 255, 0.06);
|
|
@@ -21234,9 +21227,6 @@ td.table-focus {
|
|
|
21234
21227
|
top: 0;
|
|
21235
21228
|
width: 0.25rem;
|
|
21236
21229
|
}
|
|
21237
|
-
.tbar-dark-d1 .tbar-label {
|
|
21238
|
-
border-width: 0.0625rem;
|
|
21239
|
-
}
|
|
21240
21230
|
.timeline {
|
|
21241
21231
|
list-style: none;
|
|
21242
21232
|
padding-left: 0;
|
|
@@ -21534,6 +21524,7 @@ td.table-focus {
|
|
|
21534
21524
|
.toggle-switch-bar .button-icon {
|
|
21535
21525
|
font-size: 0.75rem;
|
|
21536
21526
|
}
|
|
21527
|
+
|
|
21537
21528
|
.toggle-switch-check {
|
|
21538
21529
|
bottom: 0;
|
|
21539
21530
|
font-size: 62.5%;
|
|
@@ -21668,6 +21659,7 @@ td.table-focus {
|
|
|
21668
21659
|
.toggle-switch-check:focus-visible ~ .toggle-switch-bar::before, .c-prefers-focus .toggle-switch-check:focus ~ .toggle-switch-bar::before {
|
|
21669
21660
|
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
|
|
21670
21661
|
}
|
|
21662
|
+
|
|
21671
21663
|
.toggle-switch-check[disabled] ~ .toggle-switch-bar, .toggle-switch-check:disabled ~ .toggle-switch-bar {
|
|
21672
21664
|
cursor: not-allowed;
|
|
21673
21665
|
opacity: 0.4;
|
|
@@ -21905,6 +21897,7 @@ td.table-focus {
|
|
|
21905
21897
|
content: "";
|
|
21906
21898
|
position: absolute;
|
|
21907
21899
|
}
|
|
21900
|
+
|
|
21908
21901
|
.tooltip-inner {
|
|
21909
21902
|
background-color: #000;
|
|
21910
21903
|
border-radius: 0.25rem;
|
|
@@ -22012,15 +22005,18 @@ td.table-focus {
|
|
|
22012
22005
|
left: 50%;
|
|
22013
22006
|
top: 0;
|
|
22014
22007
|
}
|
|
22008
|
+
|
|
22015
22009
|
.clay-tooltip-bottom-left .arrow {
|
|
22016
22010
|
left: 0.25rem;
|
|
22017
22011
|
margin-left: 0;
|
|
22018
22012
|
}
|
|
22013
|
+
|
|
22019
22014
|
.clay-tooltip-bottom-right .arrow {
|
|
22020
22015
|
left: auto;
|
|
22021
22016
|
margin-left: 0;
|
|
22022
22017
|
right: 0.25rem;
|
|
22023
22018
|
}
|
|
22019
|
+
|
|
22024
22020
|
.clay-tooltip-left,
|
|
22025
22021
|
.clay-tooltip-left-bottom,
|
|
22026
22022
|
.clay-tooltip-left-top {
|
|
@@ -22050,15 +22046,18 @@ td.table-focus {
|
|
|
22050
22046
|
right: 0;
|
|
22051
22047
|
top: 50%;
|
|
22052
22048
|
}
|
|
22049
|
+
|
|
22053
22050
|
.clay-tooltip-left-bottom .arrow {
|
|
22054
22051
|
bottom: 0.25rem;
|
|
22055
22052
|
margin-top: 0;
|
|
22056
22053
|
top: auto;
|
|
22057
22054
|
}
|
|
22055
|
+
|
|
22058
22056
|
.clay-tooltip-left-top .arrow {
|
|
22059
22057
|
margin-top: 0;
|
|
22060
22058
|
top: 0.25rem;
|
|
22061
22059
|
}
|
|
22060
|
+
|
|
22062
22061
|
.clay-tooltip-right,
|
|
22063
22062
|
.clay-tooltip-right-bottom,
|
|
22064
22063
|
.clay-tooltip-right-top {
|
|
@@ -22088,15 +22087,18 @@ td.table-focus {
|
|
|
22088
22087
|
left: 0;
|
|
22089
22088
|
top: 50%;
|
|
22090
22089
|
}
|
|
22090
|
+
|
|
22091
22091
|
.clay-tooltip-right-bottom .arrow {
|
|
22092
22092
|
bottom: 0.25rem;
|
|
22093
22093
|
margin-top: 0;
|
|
22094
22094
|
top: auto;
|
|
22095
22095
|
}
|
|
22096
|
+
|
|
22096
22097
|
.clay-tooltip-right-top .arrow {
|
|
22097
22098
|
margin-top: 0;
|
|
22098
22099
|
top: 0.25rem;
|
|
22099
22100
|
}
|
|
22101
|
+
|
|
22100
22102
|
.clay-tooltip-top,
|
|
22101
22103
|
.clay-tooltip-top-left,
|
|
22102
22104
|
.clay-tooltip-top-right {
|
|
@@ -22124,15 +22126,18 @@ td.table-focus {
|
|
|
22124
22126
|
bottom: 0;
|
|
22125
22127
|
left: 50%;
|
|
22126
22128
|
}
|
|
22129
|
+
|
|
22127
22130
|
.clay-tooltip-top-left .arrow {
|
|
22128
22131
|
left: 0.25rem;
|
|
22129
22132
|
margin-left: 0;
|
|
22130
22133
|
}
|
|
22134
|
+
|
|
22131
22135
|
.clay-tooltip-top-right .arrow {
|
|
22132
22136
|
left: auto;
|
|
22133
22137
|
margin-left: 0;
|
|
22134
22138
|
right: 0.25rem;
|
|
22135
22139
|
}
|
|
22140
|
+
|
|
22136
22141
|
.treeview {
|
|
22137
22142
|
display: flex;
|
|
22138
22143
|
flex-direction: column;
|