@clayui/css 3.69.0 → 3.73.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 +51 -18
- package/lib/css/atlas.css.map +1 -1
- package/lib/css/base.css +38 -1
- package/lib/css/base.css.map +1 -1
- package/lib/css/cadmin.css +71 -36
- package/lib/css/cadmin.css.map +1 -1
- package/lib/images/icons/flags-es-AR.svg +13 -0
- package/lib/images/icons/flags-es-CO.svg +12 -0
- package/lib/images/icons/flags-es-MX.svg +13 -0
- package/lib/images/icons/icons.svg +1 -1
- package/package.json +2 -2
- package/src/images/icons/flags-es-AR.svg +13 -0
- package/src/images/icons/flags-es-CO.svg +12 -0
- package/src/images/icons/flags-es-MX.svg +13 -0
- package/src/scss/_license-text.scss +1 -1
- package/src/scss/atlas/variables/_buttons.scss +1 -1
- package/src/scss/atlas/variables/_menubar.scss +20 -14
- package/src/scss/cadmin/variables/_buttons.scss +44 -15
- package/src/scss/cadmin/variables/_menubar.scss +18 -20
- package/src/scss/components/_buttons.scss +2 -2
- package/src/scss/functions/_global-functions.scss +1 -1
- package/src/scss/functions/_lx-icons-generated.scss +6 -0
- package/src/scss/mixins/_buttons.scss +16 -0
- package/src/scss/variables/_buttons.scss +29 -0
package/lib/css/atlas.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
2
|
/**
|
|
3
|
-
* Clay 3.
|
|
3
|
+
* Clay 3.73.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>
|
|
@@ -1231,7 +1231,8 @@ button.collapse-icon .c-inner {
|
|
|
1231
1231
|
margin-top: -0.4375rem;
|
|
1232
1232
|
}
|
|
1233
1233
|
.btn .inline-item {
|
|
1234
|
-
|
|
1234
|
+
line-height: 1;
|
|
1235
|
+
margin-top: -3px;
|
|
1235
1236
|
}
|
|
1236
1237
|
.btn .inline-item .lexicon-icon {
|
|
1237
1238
|
margin-top: 0;
|
|
@@ -1253,6 +1254,32 @@ fieldset:disabled a.btn:active {
|
|
|
1253
1254
|
pointer-events: none;
|
|
1254
1255
|
}
|
|
1255
1256
|
|
|
1257
|
+
.btn-xs {
|
|
1258
|
+
font-size: 0.75rem;
|
|
1259
|
+
padding-bottom: 0.125rem;
|
|
1260
|
+
padding-left: 0.5rem;
|
|
1261
|
+
padding-right: 0.5rem;
|
|
1262
|
+
padding-top: 0.125rem;
|
|
1263
|
+
}
|
|
1264
|
+
.btn-xs .c-inner {
|
|
1265
|
+
margin-bottom: -0.125rem;
|
|
1266
|
+
margin-left: -0.5rem;
|
|
1267
|
+
margin-right: -0.5rem;
|
|
1268
|
+
margin-top: -0.125rem;
|
|
1269
|
+
}
|
|
1270
|
+
.btn-xs .inline-item {
|
|
1271
|
+
font-size: inherit;
|
|
1272
|
+
margin-top: -3px;
|
|
1273
|
+
}
|
|
1274
|
+
.btn-xs .inline-item-before {
|
|
1275
|
+
margin-right: 0.25rem;
|
|
1276
|
+
}
|
|
1277
|
+
.btn-xs .inline-item-after {
|
|
1278
|
+
margin-left: 0.25rem;
|
|
1279
|
+
}
|
|
1280
|
+
.btn-xs .btn-section {
|
|
1281
|
+
font-size: 0.375rem;
|
|
1282
|
+
}
|
|
1256
1283
|
.btn-group-lg > .btn,
|
|
1257
1284
|
.btn-group-lg .btn-group > .btn, .btn-lg {
|
|
1258
1285
|
border-radius: 0.25rem;
|
|
@@ -1334,6 +1361,10 @@ input[type=button].btn-block {
|
|
|
1334
1361
|
margin: 0;
|
|
1335
1362
|
max-width: none;
|
|
1336
1363
|
}
|
|
1364
|
+
.btn-monospaced.btn-xs {
|
|
1365
|
+
height: 1.5rem;
|
|
1366
|
+
width: 1.5rem;
|
|
1367
|
+
}
|
|
1337
1368
|
.btn-monospaced {
|
|
1338
1369
|
align-items: center;
|
|
1339
1370
|
display: inline-flex;
|
|
@@ -1368,6 +1399,9 @@ input[type=button].btn-block {
|
|
|
1368
1399
|
.btn-monospaced .lexicon-icon {
|
|
1369
1400
|
margin-top: 0;
|
|
1370
1401
|
}
|
|
1402
|
+
.btn-monospaced .inline-item {
|
|
1403
|
+
margin-top: 0;
|
|
1404
|
+
}
|
|
1371
1405
|
.btn-group-vertical > .btn-monospaced.btn-lg, .btn-group-lg .btn-monospaced, .btn-monospaced.btn-lg {
|
|
1372
1406
|
height: 3rem;
|
|
1373
1407
|
width: 3rem;
|
|
@@ -12833,10 +12867,10 @@ label.custom-control-label {
|
|
|
12833
12867
|
}
|
|
12834
12868
|
.menubar-vertical-expand-md.menubar-transparent .nav-link:hover {
|
|
12835
12869
|
color: #272833;
|
|
12836
|
-
background-color: rgba(
|
|
12870
|
+
background-color: rgba(11, 95, 255, 0.04);
|
|
12837
12871
|
}
|
|
12838
12872
|
.menubar-vertical-expand-md.menubar-transparent .nav-link:focus {
|
|
12839
|
-
background-color: rgba(
|
|
12873
|
+
background-color: rgba(11, 95, 255, 0.04);
|
|
12840
12874
|
box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
|
|
12841
12875
|
color: #272833;
|
|
12842
12876
|
outline: 0;
|
|
@@ -12845,8 +12879,8 @@ label.custom-control-label {
|
|
|
12845
12879
|
color: rgba(0, 0, 0, 0.9);
|
|
12846
12880
|
}
|
|
12847
12881
|
.menubar-vertical-expand-md.menubar-transparent .nav-link.active {
|
|
12848
|
-
background-color:
|
|
12849
|
-
color: #
|
|
12882
|
+
background-color: rgba(11, 95, 255, 0.06);
|
|
12883
|
+
color: #272833;
|
|
12850
12884
|
font-weight: 600;
|
|
12851
12885
|
}
|
|
12852
12886
|
.menubar-vertical-expand-md.menubar-transparent .nav-link:disabled, .menubar-vertical-expand-md.menubar-transparent .nav-link.disabled {
|
|
@@ -12863,16 +12897,15 @@ label.custom-control-label {
|
|
|
12863
12897
|
color: #272833;
|
|
12864
12898
|
}
|
|
12865
12899
|
.menubar-vertical-expand-md.menubar-transparent .nav-link:hover {
|
|
12866
|
-
background-color:
|
|
12900
|
+
background-color: rgba(11, 95, 255, 0.04);
|
|
12867
12901
|
color: #1c1d25;
|
|
12868
12902
|
}
|
|
12869
12903
|
.menubar-vertical-expand-md.menubar-transparent .nav-link:focus {
|
|
12870
|
-
background-color:
|
|
12904
|
+
background-color: rgba(11, 95, 255, 0.04);
|
|
12871
12905
|
}
|
|
12872
12906
|
.menubar-vertical-expand-md.menubar-transparent .nav-link.active {
|
|
12873
12907
|
font-weight: 600;
|
|
12874
|
-
background-color:
|
|
12875
|
-
color: #0b5fff;
|
|
12908
|
+
background-color: rgba(11, 95, 255, 0.06);
|
|
12876
12909
|
}
|
|
12877
12910
|
.menubar-vertical-expand-md.menubar-transparent .nav-link:disabled, .menubar-vertical-expand-md.menubar-transparent .nav-link.disabled {
|
|
12878
12911
|
background-color: transparent;
|
|
@@ -13032,10 +13065,10 @@ label.custom-control-label {
|
|
|
13032
13065
|
}
|
|
13033
13066
|
.menubar-vertical-expand-lg.menubar-transparent .nav-link:hover {
|
|
13034
13067
|
color: #272833;
|
|
13035
|
-
background-color: rgba(
|
|
13068
|
+
background-color: rgba(11, 95, 255, 0.04);
|
|
13036
13069
|
}
|
|
13037
13070
|
.menubar-vertical-expand-lg.menubar-transparent .nav-link:focus {
|
|
13038
|
-
background-color: rgba(
|
|
13071
|
+
background-color: rgba(11, 95, 255, 0.04);
|
|
13039
13072
|
box-shadow: inset 0 0 0 0.125rem #80acff, inset 0 0 0 0.25rem #fff;
|
|
13040
13073
|
color: #272833;
|
|
13041
13074
|
outline: 0;
|
|
@@ -13044,8 +13077,8 @@ label.custom-control-label {
|
|
|
13044
13077
|
color: rgba(0, 0, 0, 0.9);
|
|
13045
13078
|
}
|
|
13046
13079
|
.menubar-vertical-expand-lg.menubar-transparent .nav-link.active {
|
|
13047
|
-
background-color:
|
|
13048
|
-
color: #
|
|
13080
|
+
background-color: rgba(11, 95, 255, 0.06);
|
|
13081
|
+
color: #272833;
|
|
13049
13082
|
font-weight: 600;
|
|
13050
13083
|
}
|
|
13051
13084
|
.menubar-vertical-expand-lg.menubar-transparent .nav-link:disabled, .menubar-vertical-expand-lg.menubar-transparent .nav-link.disabled {
|
|
@@ -13062,16 +13095,16 @@ label.custom-control-label {
|
|
|
13062
13095
|
color: #272833;
|
|
13063
13096
|
}
|
|
13064
13097
|
.menubar-vertical-expand-lg.menubar-transparent .nav-link:hover {
|
|
13065
|
-
background-color:
|
|
13098
|
+
background-color: rgba(11, 95, 255, 0.04);
|
|
13066
13099
|
color: #1c1d25;
|
|
13067
13100
|
}
|
|
13068
13101
|
.menubar-vertical-expand-lg.menubar-transparent .nav-link:focus {
|
|
13069
|
-
background-color:
|
|
13102
|
+
background-color: rgba(11, 95, 255, 0.04);
|
|
13070
13103
|
}
|
|
13071
13104
|
.menubar-vertical-expand-lg.menubar-transparent .nav-link.active {
|
|
13072
13105
|
font-weight: 600;
|
|
13073
|
-
background-color:
|
|
13074
|
-
color: #
|
|
13106
|
+
background-color: rgba(11, 95, 255, 0.06);
|
|
13107
|
+
color: #272833;
|
|
13075
13108
|
}
|
|
13076
13109
|
.menubar-vertical-expand-lg.menubar-transparent .nav-link:disabled, .menubar-vertical-expand-lg.menubar-transparent .nav-link.disabled {
|
|
13077
13110
|
background-color: transparent;
|