@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.
Files changed (24) hide show
  1. package/lib/css/atlas.css +51 -18
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +38 -1
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/cadmin.css +71 -36
  6. package/lib/css/cadmin.css.map +1 -1
  7. package/lib/images/icons/flags-es-AR.svg +13 -0
  8. package/lib/images/icons/flags-es-CO.svg +12 -0
  9. package/lib/images/icons/flags-es-MX.svg +13 -0
  10. package/lib/images/icons/icons.svg +1 -1
  11. package/package.json +2 -2
  12. package/src/images/icons/flags-es-AR.svg +13 -0
  13. package/src/images/icons/flags-es-CO.svg +12 -0
  14. package/src/images/icons/flags-es-MX.svg +13 -0
  15. package/src/scss/_license-text.scss +1 -1
  16. package/src/scss/atlas/variables/_buttons.scss +1 -1
  17. package/src/scss/atlas/variables/_menubar.scss +20 -14
  18. package/src/scss/cadmin/variables/_buttons.scss +44 -15
  19. package/src/scss/cadmin/variables/_menubar.scss +18 -20
  20. package/src/scss/components/_buttons.scss +2 -2
  21. package/src/scss/functions/_global-functions.scss +1 -1
  22. package/src/scss/functions/_lx-icons-generated.scss +6 -0
  23. package/src/scss/mixins/_buttons.scss +16 -0
  24. package/src/scss/variables/_buttons.scss +29 -0
package/lib/css/cadmin.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @charset "UTF-8";
2
2
  /**
3
- * Clay 3.69.0
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>
@@ -16,7 +16,7 @@
16
16
  * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap
17
17
  */
18
18
  /**
19
- * Clay 3.69.0
19
+ * Clay 3.73.0
20
20
  *
21
21
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
22
22
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -956,6 +956,8 @@ html:not(#__):not(#___) .cadmin .btn .c-inner {
956
956
  }
957
957
  html:not(#__):not(#___) .cadmin .btn .inline-item {
958
958
  font-size: 16px;
959
+ line-height: 1;
960
+ margin-top: -3px;
959
961
  }
960
962
  html:not(#__):not(#___) .cadmin .btn .inline-item .lexicon-icon {
961
963
  margin-top: 0;
@@ -976,6 +978,32 @@ html:not(#__):not(#___) .cadmin fieldset:disabled a.btn:focus {
976
978
  html:not(#__):not(#___) .cadmin fieldset:disabled a.btn:active {
977
979
  pointer-events: none;
978
980
  }
981
+ html:not(#__):not(#___) .cadmin .btn-xs {
982
+ font-size: 0.75rem;
983
+ padding-bottom: 0.125rem;
984
+ padding-left: 0.5rem;
985
+ padding-right: 0.5rem;
986
+ padding-top: 0.125rem;
987
+ }
988
+ html:not(#__):not(#___) .cadmin .btn-xs .c-inner {
989
+ margin-bottom: -0.125rem;
990
+ margin-left: -0.5rem;
991
+ margin-right: -0.5rem;
992
+ margin-top: -0.125rem;
993
+ }
994
+ html:not(#__):not(#___) .cadmin .btn-xs .inline-item {
995
+ font-size: inherit;
996
+ margin-top: -3px;
997
+ }
998
+ html:not(#__):not(#___) .cadmin .btn-xs .inline-item-before {
999
+ margin-right: 0.25rem;
1000
+ }
1001
+ html:not(#__):not(#___) .cadmin .btn-xs .inline-item-after {
1002
+ margin-left: 0.25rem;
1003
+ }
1004
+ html:not(#__):not(#___) .cadmin .btn-xs .btn-section {
1005
+ font-size: 0.375rem;
1006
+ }
979
1007
  html:not(#__):not(#___) .cadmin .btn-group-lg > .btn,
980
1008
  html:not(#__):not(#___) .cadmin .btn-group-lg .btn-group > .btn, html:not(#__):not(#___) .cadmin .btn-lg {
981
1009
  border-radius: 4px;
@@ -1051,6 +1079,10 @@ html:not(#__):not(#___) .cadmin .menubar-toggler .c-inner, html:not(#__):not(#__
1051
1079
  margin: 0;
1052
1080
  max-width: none;
1053
1081
  }
1082
+ html:not(#__):not(#___) .cadmin .btn-monospaced.btn-xs {
1083
+ height: 1.5rem;
1084
+ width: 1.4rem;
1085
+ }
1054
1086
  html:not(#__):not(#___) .cadmin .btn-monospaced {
1055
1087
  align-items: center;
1056
1088
  display: inline-flex;
@@ -1085,6 +1117,9 @@ html:not(#__):not(#___) .cadmin .btn-monospaced .c-inner {
1085
1117
  html:not(#__):not(#___) .cadmin .btn-monospaced .lexicon-icon {
1086
1118
  margin-top: 0;
1087
1119
  }
1120
+ html:not(#__):not(#___) .cadmin .btn-monospaced .inline-item {
1121
+ margin-top: 0;
1122
+ }
1088
1123
  html:not(#__):not(#___) .cadmin .btn-group-vertical > .btn-monospaced.btn-lg, html:not(#__):not(#___) .cadmin .btn-group-lg .btn-monospaced, html:not(#__):not(#___) .cadmin .btn-monospaced.btn-lg {
1089
1124
  height: 48px;
1090
1125
  width: 48px;
@@ -1095,7 +1130,7 @@ html:not(#__):not(#___) .cadmin .btn-group-vertical > .btn-monospaced.btn-sm, ht
1095
1130
  }
1096
1131
  html:not(#__):not(#___) .cadmin .btn-primary {
1097
1132
  background-color: #0b5fff;
1098
- border-color: #0b5fff;
1133
+ border-color: transparent;
1099
1134
  color: #fff;
1100
1135
  }
1101
1136
  html:not(#__):not(#___) .cadmin .btn-primary:hover {
@@ -1105,7 +1140,7 @@ html:not(#__):not(#___) .cadmin .btn-primary:hover {
1105
1140
  }
1106
1141
  html:not(#__):not(#___) .cadmin .btn-primary:focus, html:not(#__):not(#___) .cadmin .focus.btn-primary {
1107
1142
  background-color: #0053f0;
1108
- border-color: #004ad7;
1143
+ border-color: transparent;
1109
1144
  color: #fff;
1110
1145
  }
1111
1146
  html:not(#__):not(#___) .cadmin .btn-primary:active {
@@ -1120,7 +1155,7 @@ html:not(#__):not(#___) .cadmin .active.btn-primary {
1120
1155
  }
1121
1156
  html:not(#__):not(#___) .cadmin .btn-primary:disabled, html:not(#__):not(#___) .cadmin .disabled.btn-primary {
1122
1157
  background-color: #0b5fff;
1123
- border-color: #0b5fff;
1158
+ border-color: transparent;
1124
1159
  color: #fff;
1125
1160
  }
1126
1161
  html:not(#__):not(#___) .cadmin [aria-expanded=true].btn-primary, html:not(#__):not(#___) .cadmin .show.btn-primary {
@@ -1130,7 +1165,7 @@ html:not(#__):not(#___) .cadmin [aria-expanded=true].btn-primary, html:not(#__):
1130
1165
  }
1131
1166
  html:not(#__):not(#___) .cadmin .form-file-input:focus + .btn-primary {
1132
1167
  background-color: #0053f0;
1133
- border-color: #004ad7;
1168
+ border-color: transparent;
1134
1169
  color: #fff;
1135
1170
  }
1136
1171
  html:not(#__):not(#___) .cadmin .btn-secondary {
@@ -1175,7 +1210,7 @@ html:not(#__):not(#___) .cadmin .form-file-input:focus + .btn-secondary {
1175
1210
  }
1176
1211
  html:not(#__):not(#___) .cadmin .btn-success {
1177
1212
  background-color: #287d3c;
1178
- border-color: #287d3c;
1213
+ border-color: transparent;
1179
1214
  color: #fff;
1180
1215
  }
1181
1216
  html:not(#__):not(#___) .cadmin .btn-success:hover {
@@ -1200,7 +1235,7 @@ html:not(#__):not(#___) .cadmin .active.btn-success {
1200
1235
  }
1201
1236
  html:not(#__):not(#___) .cadmin .btn-success:disabled, html:not(#__):not(#___) .cadmin .disabled.btn-success {
1202
1237
  background-color: #287d3c;
1203
- border-color: #287d3c;
1238
+ border-color: transparent;
1204
1239
  color: #fff;
1205
1240
  }
1206
1241
  html:not(#__):not(#___) .cadmin [aria-expanded=true].btn-success, html:not(#__):not(#___) .cadmin .show.btn-success {
@@ -1215,7 +1250,7 @@ html:not(#__):not(#___) .cadmin .form-file-input:focus + .btn-success {
1215
1250
  }
1216
1251
  html:not(#__):not(#___) .cadmin .btn-info {
1217
1252
  background-color: #2e5aac;
1218
- border-color: #2e5aac;
1253
+ border-color: transparent;
1219
1254
  color: #fff;
1220
1255
  }
1221
1256
  html:not(#__):not(#___) .cadmin .btn-info:hover {
@@ -1240,7 +1275,7 @@ html:not(#__):not(#___) .cadmin .active.btn-info {
1240
1275
  }
1241
1276
  html:not(#__):not(#___) .cadmin .btn-info:disabled, html:not(#__):not(#___) .cadmin .disabled.btn-info {
1242
1277
  background-color: #2e5aac;
1243
- border-color: #2e5aac;
1278
+ border-color: transparent;
1244
1279
  color: #fff;
1245
1280
  }
1246
1281
  html:not(#__):not(#___) .cadmin [aria-expanded=true].btn-info, html:not(#__):not(#___) .cadmin .show.btn-info {
@@ -1250,7 +1285,7 @@ html:not(#__):not(#___) .cadmin [aria-expanded=true].btn-info, html:not(#__):not
1250
1285
  }
1251
1286
  html:not(#__):not(#___) .cadmin .btn-warning {
1252
1287
  background-color: #b95000;
1253
- border-color: #b95000;
1288
+ border-color: transparent;
1254
1289
  color: #fff;
1255
1290
  }
1256
1291
  html:not(#__):not(#___) .cadmin .btn-warning:hover {
@@ -1275,7 +1310,7 @@ html:not(#__):not(#___) .cadmin .active.btn-warning {
1275
1310
  }
1276
1311
  html:not(#__):not(#___) .cadmin .btn-warning:disabled, html:not(#__):not(#___) .cadmin .disabled.btn-warning {
1277
1312
  background-color: #b95000;
1278
- border-color: #b95000;
1313
+ border-color: transparent;
1279
1314
  color: #fff;
1280
1315
  }
1281
1316
  html:not(#__):not(#___) .cadmin [aria-expanded=true].btn-warning, html:not(#__):not(#___) .cadmin .show.btn-warning {
@@ -1290,7 +1325,7 @@ html:not(#__):not(#___) .cadmin .form-file-input:focus + .btn-warning {
1290
1325
  }
1291
1326
  html:not(#__):not(#___) .cadmin .btn-danger {
1292
1327
  background-color: #da1414;
1293
- border-color: #da1414;
1328
+ border-color: transparent;
1294
1329
  color: #fff;
1295
1330
  }
1296
1331
  html:not(#__):not(#___) .cadmin .btn-danger:hover {
@@ -1315,7 +1350,7 @@ html:not(#__):not(#___) .cadmin .active.btn-danger {
1315
1350
  }
1316
1351
  html:not(#__):not(#___) .cadmin .btn-danger:disabled, html:not(#__):not(#___) .cadmin .disabled.btn-danger {
1317
1352
  background-color: #da1414;
1318
- border-color: #da1414;
1353
+ border-color: transparent;
1319
1354
  color: #fff;
1320
1355
  }
1321
1356
  html:not(#__):not(#___) .cadmin [aria-expanded=true].btn-danger, html:not(#__):not(#___) .cadmin .show.btn-danger {
@@ -1330,7 +1365,7 @@ html:not(#__):not(#___) .cadmin .form-file-input:focus + .btn-danger {
1330
1365
  }
1331
1366
  html:not(#__):not(#___) .cadmin .btn-light {
1332
1367
  background-color: #f1f2f5;
1333
- border-color: #f1f2f5;
1368
+ border-color: transparent;
1334
1369
  color: #272833;
1335
1370
  }
1336
1371
  html:not(#__):not(#___) .cadmin .btn-light:hover {
@@ -1355,7 +1390,7 @@ html:not(#__):not(#___) .cadmin .active.btn-light {
1355
1390
  }
1356
1391
  html:not(#__):not(#___) .cadmin .btn-light:disabled, html:not(#__):not(#___) .cadmin .disabled.btn-light {
1357
1392
  background-color: #f1f2f5;
1358
- border-color: #f1f2f5;
1393
+ border-color: transparent;
1359
1394
  color: #272833;
1360
1395
  }
1361
1396
  html:not(#__):not(#___) .cadmin [aria-expanded=true].btn-light, html:not(#__):not(#___) .cadmin .show.btn-light {
@@ -1370,7 +1405,7 @@ html:not(#__):not(#___) .cadmin .form-file-input:focus + .btn-light {
1370
1405
  }
1371
1406
  html:not(#__):not(#___) .cadmin .btn-dark {
1372
1407
  background-color: #272833;
1373
- border-color: #272833;
1408
+ border-color: transparent;
1374
1409
  color: #fff;
1375
1410
  }
1376
1411
  html:not(#__):not(#___) .cadmin .btn-dark:hover {
@@ -1395,7 +1430,7 @@ html:not(#__):not(#___) .cadmin .active.btn-dark {
1395
1430
  }
1396
1431
  html:not(#__):not(#___) .cadmin .btn-dark:disabled, html:not(#__):not(#___) .cadmin .disabled.btn-dark {
1397
1432
  background-color: #272833;
1398
- border-color: #272833;
1433
+ border-color: transparent;
1399
1434
  color: #fff;
1400
1435
  }
1401
1436
  html:not(#__):not(#___) .cadmin [aria-expanded=true].btn-dark, html:not(#__):not(#___) .cadmin .show.btn-dark {
@@ -10925,11 +10960,11 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent
10925
10960
  }
10926
10961
  }
10927
10962
  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link:hover {
10928
- background-color: rgba(39, 40, 51, 0.03);
10963
+ background-color: rgba(11, 95, 255, 0.04);
10929
10964
  color: #272833;
10930
10965
  }
10931
10966
  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link:focus {
10932
- background-color: rgba(39, 40, 51, 0.03);
10967
+ background-color: rgba(11, 95, 255, 0.04);
10933
10968
  box-shadow: inset 0 0 0 2px #80acff, inset 0 0 0 4px #fff;
10934
10969
  color: #272833;
10935
10970
  outline: 0;
@@ -10938,8 +10973,8 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent
10938
10973
  color: rgba(0, 0, 0, 0.9);
10939
10974
  }
10940
10975
  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link.active {
10941
- background-color: #f0f5ff;
10942
- color: #0b5fff;
10976
+ background-color: rgba(11, 95, 255, 0.06);
10977
+ color: #272833;
10943
10978
  font-weight: 600;
10944
10979
  }
10945
10980
  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link:disabled, html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link.disabled {
@@ -10956,19 +10991,19 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent
10956
10991
  color: #272833;
10957
10992
  }
10958
10993
  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link:hover {
10959
- background-color: #f7f8f9;
10960
- color: #1c1d25;
10994
+ background-color: rgba(11, 95, 255, 0.04);
10995
+ color: #272833;
10961
10996
  }
10962
10997
  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link:focus {
10963
- background-color: #f0f5ff;
10998
+ background-color: rgba(11, 95, 255, 0.04);
10964
10999
  }
10965
11000
  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link:active {
10966
11001
  background-color: #f0f5ff;
10967
11002
  color: #272833;
10968
11003
  }
10969
11004
  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link.active {
10970
- background-color: #f0f5ff;
10971
- color: #0b5fff;
11005
+ background-color: rgba(11, 95, 255, 0.06);
11006
+ color: #272833;
10972
11007
  font-weight: 600;
10973
11008
  }
10974
11009
  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link:disabled, html:not(#__):not(#___) .cadmin .menubar-vertical-expand-md.menubar-transparent .nav-link.disabled {
@@ -11121,11 +11156,11 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent
11121
11156
  }
11122
11157
  }
11123
11158
  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link:hover {
11124
- background-color: rgba(39, 40, 51, 0.03);
11159
+ background-color: rgba(11, 95, 255, 0.04);
11125
11160
  color: #272833;
11126
11161
  }
11127
11162
  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus {
11128
- background-color: rgba(39, 40, 51, 0.03);
11163
+ background-color: rgba(11, 95, 255, 0.04);
11129
11164
  box-shadow: inset 0 0 0 2px #80acff, inset 0 0 0 4px #fff;
11130
11165
  color: #272833;
11131
11166
  outline: 0;
@@ -11134,8 +11169,8 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent
11134
11169
  color: rgba(0, 0, 0, 0.9);
11135
11170
  }
11136
11171
  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link.active {
11137
- background-color: #f0f5ff;
11138
- color: #0b5fff;
11172
+ background-color: rgba(11, 95, 255, 0.06);
11173
+ color: #272833;
11139
11174
  font-weight: 600;
11140
11175
  }
11141
11176
  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link:disabled, html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link.disabled {
@@ -11152,19 +11187,19 @@ html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent
11152
11187
  color: #272833;
11153
11188
  }
11154
11189
  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link:hover {
11155
- background-color: #f7f8f9;
11156
- color: #1c1d25;
11190
+ background-color: rgba(11, 95, 255, 0.04);
11191
+ color: #272833;
11157
11192
  }
11158
11193
  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus {
11159
- background-color: #f0f5ff;
11194
+ background-color: rgba(11, 95, 255, 0.04);
11160
11195
  }
11161
11196
  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link:active {
11162
11197
  background-color: #f0f5ff;
11163
11198
  color: #272833;
11164
11199
  }
11165
11200
  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link.active {
11166
- background-color: #f0f5ff;
11167
- color: #0b5fff;
11201
+ background-color: rgba(11, 95, 255, 0.06);
11202
+ color: #272833;
11168
11203
  font-weight: 600;
11169
11204
  }
11170
11205
  html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link:disabled, html:not(#__):not(#___) .cadmin .menubar-vertical-expand-lg.menubar-transparent .nav-link.disabled {