@clayui/css 3.55.0 → 3.56.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 -27
- package/lib/css/atlas.css.map +1 -1
- package/lib/css/base.css +48 -38
- package/lib/css/base.css.map +1 -1
- package/lib/css/bootstrap.css +0 -0
- package/lib/css/bootstrap.css.map +1 -1
- package/lib/css/cadmin.css +47 -65
- 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/_range.scss +24 -6
- package/src/scss/cadmin/components/_breadcrumbs.scss +12 -62
- package/src/scss/cadmin/variables/_breadcrumbs.scss +94 -16
- package/src/scss/cadmin/variables/_range.scss +110 -51
- package/src/scss/components/_breadcrumbs.scss +12 -71
- package/src/scss/functions/_color-functions.scss +66 -26
- package/src/scss/functions/_global-functions.scss +10 -3
- package/src/scss/mixins/_forms.scss +1020 -378
- package/src/scss/variables/_alerts.scss +8 -0
- package/src/scss/variables/_breadcrumbs.scss +90 -15
- package/src/scss/variables/_range.scss +113 -49
- package/src/scss/variables/_sidebar.scss +2 -0
- package/src/scss/variables/_tables.scss +5 -0
package/lib/css/base.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
2
|
/**
|
|
3
|
-
* Clay 3.
|
|
3
|
+
* Clay 3.56.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>
|
|
@@ -4118,13 +4118,6 @@ input[type=button].btn-block {
|
|
|
4118
4118
|
color: #0056b3;
|
|
4119
4119
|
text-decoration: underline;
|
|
4120
4120
|
}
|
|
4121
|
-
.breadcrumb-link > .breadcrumb-text-truncate {
|
|
4122
|
-
text-decoration: none;
|
|
4123
|
-
}
|
|
4124
|
-
.breadcrumb-link > .breadcrumb-text-truncate:hover, .breadcrumb-link > .breadcrumb-text-truncate:focus {
|
|
4125
|
-
text-decoration: underline;
|
|
4126
|
-
}
|
|
4127
|
-
|
|
4128
4121
|
.breadcrumb-item {
|
|
4129
4122
|
margin-right: 0.5em;
|
|
4130
4123
|
position: relative;
|
|
@@ -4133,6 +4126,9 @@ input[type=button].btn-block {
|
|
|
4133
4126
|
.breadcrumb-item .active {
|
|
4134
4127
|
color: #6c757d;
|
|
4135
4128
|
}
|
|
4129
|
+
.breadcrumb-item > span {
|
|
4130
|
+
text-transform: inherit;
|
|
4131
|
+
}
|
|
4136
4132
|
.breadcrumb-item + .breadcrumb-item {
|
|
4137
4133
|
padding-left: 1em;
|
|
4138
4134
|
}
|
|
@@ -4146,9 +4142,7 @@ input[type=button].btn-block {
|
|
|
4146
4142
|
content: "";
|
|
4147
4143
|
height: 0.75em;
|
|
4148
4144
|
left: 0;
|
|
4149
|
-
margin-top: calc(
|
|
4150
|
-
-0.75em / 2
|
|
4151
|
-
);
|
|
4145
|
+
margin-top: calc(-0.75em / 2);
|
|
4152
4146
|
padding: 0;
|
|
4153
4147
|
position: absolute;
|
|
4154
4148
|
top: 50%;
|
|
@@ -4163,17 +4157,20 @@ input[type=button].btn-block {
|
|
|
4163
4157
|
.breadcrumb-item .dropdown-toggle {
|
|
4164
4158
|
text-decoration: none;
|
|
4165
4159
|
}
|
|
4166
|
-
.breadcrumb-item .dropdown-toggle:hover
|
|
4160
|
+
.breadcrumb-item .dropdown-toggle:hover {
|
|
4161
|
+
text-decoration: none;
|
|
4162
|
+
}
|
|
4163
|
+
.breadcrumb-item .dropdown-toggle:focus, .breadcrumb-item .dropdown-toggle.focus {
|
|
4167
4164
|
text-decoration: none;
|
|
4168
4165
|
}
|
|
4169
|
-
|
|
4170
4166
|
.breadcrumb-text-truncate {
|
|
4171
4167
|
display: inline-block;
|
|
4172
4168
|
max-width: 17.875rem;
|
|
4173
4169
|
overflow: hidden;
|
|
4170
|
+
text-decoration: inherit;
|
|
4174
4171
|
text-overflow: ellipsis;
|
|
4175
|
-
white-space: nowrap;
|
|
4176
4172
|
vertical-align: bottom;
|
|
4173
|
+
white-space: nowrap;
|
|
4177
4174
|
}
|
|
4178
4175
|
|
|
4179
4176
|
.btn-group,
|
|
@@ -7932,11 +7929,16 @@ button.link-outline {
|
|
|
7932
7929
|
width: 100%;
|
|
7933
7930
|
}
|
|
7934
7931
|
.clay-range-input .tooltip {
|
|
7935
|
-
margin-left: 0.
|
|
7932
|
+
margin-left: 0.8125rem;
|
|
7936
7933
|
transition: opacity 0.15s linear;
|
|
7937
7934
|
visibility: hidden;
|
|
7938
7935
|
white-space: nowrap;
|
|
7939
7936
|
}
|
|
7937
|
+
@media (prefers-reduced-motion: reduce) {
|
|
7938
|
+
.clay-range-input .tooltip {
|
|
7939
|
+
transition: none;
|
|
7940
|
+
}
|
|
7941
|
+
}
|
|
7940
7942
|
.clay-range-input .tooltip-inner {
|
|
7941
7943
|
padding: 0.25rem 0.5rem;
|
|
7942
7944
|
}
|
|
@@ -7951,7 +7953,7 @@ button.link-outline {
|
|
|
7951
7953
|
transform: translateX(-50%);
|
|
7952
7954
|
}
|
|
7953
7955
|
.clay-range-input .clay-tooltip-bottom .tooltip-arrow {
|
|
7954
|
-
margin-left: -0.
|
|
7956
|
+
margin-left: -0.25rem;
|
|
7955
7957
|
}
|
|
7956
7958
|
.clay-range-input .clay-tooltip-top {
|
|
7957
7959
|
bottom: 100%;
|
|
@@ -7960,9 +7962,12 @@ button.link-outline {
|
|
|
7960
7962
|
transform: translateX(-50%);
|
|
7961
7963
|
}
|
|
7962
7964
|
.clay-range-input .clay-tooltip-top .tooltip-arrow {
|
|
7963
|
-
margin-left: -0.
|
|
7965
|
+
margin-left: -0.25rem;
|
|
7964
7966
|
}
|
|
7965
7967
|
.clay-range-input .clay-range-track {
|
|
7968
|
+
-moz-appearance: none;
|
|
7969
|
+
-webkit-appearance: none;
|
|
7970
|
+
appearance: none;
|
|
7966
7971
|
background-color: #dee2e6;
|
|
7967
7972
|
border-radius: 100px;
|
|
7968
7973
|
height: 0.25rem;
|
|
@@ -7971,14 +7976,17 @@ button.link-outline {
|
|
|
7971
7976
|
top: 50%;
|
|
7972
7977
|
width: 100%;
|
|
7973
7978
|
}
|
|
7979
|
+
.clay-range-input .clay-range-track::-ms-expand {
|
|
7980
|
+
display: none;
|
|
7981
|
+
}
|
|
7974
7982
|
.clay-range-input .clay-range-progress {
|
|
7975
7983
|
background-color: #007bff;
|
|
7976
7984
|
border-radius: 100px 0 0 100px;
|
|
7977
|
-
height: 0.25rem;
|
|
7978
|
-
margin-top: -0.125rem;
|
|
7979
7985
|
position: absolute;
|
|
7980
7986
|
top: 50%;
|
|
7981
7987
|
width: 50%;
|
|
7988
|
+
height: 0.25rem;
|
|
7989
|
+
margin-top: -0.125rem;
|
|
7982
7990
|
}
|
|
7983
7991
|
.clay-range-input .clay-range-thumb {
|
|
7984
7992
|
background-color: #fff;
|
|
@@ -7998,18 +8006,22 @@ button.link-outline {
|
|
|
7998
8006
|
-webkit-appearance: none;
|
|
7999
8007
|
appearance: none;
|
|
8000
8008
|
background-color: transparent;
|
|
8001
|
-
content: "1.5rem";
|
|
8002
8009
|
height: 2.375rem;
|
|
8003
8010
|
margin: 0;
|
|
8004
8011
|
padding: 0;
|
|
8005
8012
|
position: relative;
|
|
8006
8013
|
z-index: 1;
|
|
8014
|
+
content: "1.5rem";
|
|
8015
|
+
}
|
|
8016
|
+
.clay-range-input .form-control-range::-ms-expand {
|
|
8017
|
+
display: none;
|
|
8007
8018
|
}
|
|
8008
8019
|
.clay-range-input .form-control-range::-moz-focus-outer {
|
|
8009
8020
|
border-width: 0;
|
|
8010
8021
|
}
|
|
8011
8022
|
.clay-range-input .form-control-range::-moz-range-thumb {
|
|
8012
8023
|
-moz-appearance: none;
|
|
8024
|
+
-webkit-appearance: none;
|
|
8013
8025
|
appearance: none;
|
|
8014
8026
|
background-color: #fff;
|
|
8015
8027
|
border-radius: 100px;
|
|
@@ -8021,6 +8033,9 @@ button.link-outline {
|
|
|
8021
8033
|
top: 50%;
|
|
8022
8034
|
width: 1.5rem;
|
|
8023
8035
|
}
|
|
8036
|
+
.clay-range-input .form-control-range::-moz-range-thumb::-ms-expand {
|
|
8037
|
+
display: none;
|
|
8038
|
+
}
|
|
8024
8039
|
.clay-range-input .form-control-range::-moz-range-track {
|
|
8025
8040
|
-moz-appearance: none;
|
|
8026
8041
|
appearance: none;
|
|
@@ -8033,13 +8048,12 @@ button.link-outline {
|
|
|
8033
8048
|
background-color: transparent;
|
|
8034
8049
|
}
|
|
8035
8050
|
.clay-range-input .form-control-range::-ms-thumb {
|
|
8051
|
+
-moz-appearance: none;
|
|
8052
|
+
-webkit-appearance: none;
|
|
8036
8053
|
appearance: none;
|
|
8037
|
-
|
|
8038
|
-
|
|
8039
|
-
|
|
8040
|
-
box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
|
|
8041
|
-
height: 1.5rem;
|
|
8042
|
-
width: 1.5rem;
|
|
8054
|
+
}
|
|
8055
|
+
.clay-range-input .form-control-range::-ms-thumb::-ms-expand {
|
|
8056
|
+
display: none;
|
|
8043
8057
|
}
|
|
8044
8058
|
.clay-range-input .form-control-range::-ms-tooltip {
|
|
8045
8059
|
display: none;
|
|
@@ -8058,6 +8072,7 @@ button.link-outline {
|
|
|
8058
8072
|
height: 100%;
|
|
8059
8073
|
}
|
|
8060
8074
|
.clay-range-input .form-control-range::-webkit-slider-thumb {
|
|
8075
|
+
-moz-appearance: none;
|
|
8061
8076
|
-webkit-appearance: none;
|
|
8062
8077
|
appearance: none;
|
|
8063
8078
|
background-color: #fff;
|
|
@@ -8070,6 +8085,9 @@ button.link-outline {
|
|
|
8070
8085
|
top: 50%;
|
|
8071
8086
|
width: 1.5rem;
|
|
8072
8087
|
}
|
|
8088
|
+
.clay-range-input .form-control-range::-webkit-slider-thumb::-ms-expand {
|
|
8089
|
+
display: none;
|
|
8090
|
+
}
|
|
8073
8091
|
.clay-range-input .form-control-range:hover {
|
|
8074
8092
|
cursor: pointer;
|
|
8075
8093
|
}
|
|
@@ -8080,22 +8098,10 @@ button.link-outline {
|
|
|
8080
8098
|
.clay-range-input .form-control-range:focus, .clay-range-input .form-control-range.focus {
|
|
8081
8099
|
outline: 0;
|
|
8082
8100
|
}
|
|
8083
|
-
.clay-range-input .form-control-range:focus ~ .clay-range-progress .clay-range-thumb, .clay-range-input .form-control-range.focus ~ .clay-range-progress .clay-range-thumb {
|
|
8084
|
-
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
|
|
8085
|
-
}
|
|
8086
8101
|
.clay-range-input .form-control-range:focus ~ .clay-range-progress .tooltip, .clay-range-input .form-control-range.focus ~ .clay-range-progress .tooltip {
|
|
8087
8102
|
visibility: visible;
|
|
8088
8103
|
opacity: 1;
|
|
8089
8104
|
}
|
|
8090
|
-
.clay-range-input .form-control-range:focus::-moz-range-thumb, .clay-range-input .form-control-range.focus::-moz-range-thumb {
|
|
8091
|
-
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
|
|
8092
|
-
}
|
|
8093
|
-
.clay-range-input .form-control-range:focus::-ms-thumb, .clay-range-input .form-control-range.focus::-ms-thumb {
|
|
8094
|
-
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
|
|
8095
|
-
}
|
|
8096
|
-
.clay-range-input .form-control-range:focus::-webkit-slider-thumb, .clay-range-input .form-control-range.focus::-webkit-slider-thumb {
|
|
8097
|
-
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
|
|
8098
|
-
}
|
|
8099
8105
|
.clay-range-input .form-control-range:disabled {
|
|
8100
8106
|
color: #6c757d;
|
|
8101
8107
|
cursor: not-allowed;
|
|
@@ -17258,6 +17264,8 @@ a.sheet-subtitle:hover {
|
|
|
17258
17264
|
.sidebar-header .component-title {
|
|
17259
17265
|
font-size: 1.5rem;
|
|
17260
17266
|
font-weight: 500;
|
|
17267
|
+
overflow-wrap: break-word;
|
|
17268
|
+
word-wrap: break-word;
|
|
17261
17269
|
}
|
|
17262
17270
|
.sidebar-header .component-title[href],
|
|
17263
17271
|
.sidebar-header .component-title [href] {
|
|
@@ -17267,6 +17275,8 @@ a.sheet-subtitle:hover {
|
|
|
17267
17275
|
font-size: 1.125rem;
|
|
17268
17276
|
font-weight: 500;
|
|
17269
17277
|
margin-bottom: 0;
|
|
17278
|
+
overflow-wrap: break-word;
|
|
17279
|
+
word-wrap: break-word;
|
|
17270
17280
|
}
|
|
17271
17281
|
.sidebar-body {
|
|
17272
17282
|
overflow: auto;
|