@clayui/css 3.89.0 → 3.90.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 (28) hide show
  1. package/lib/css/atlas.css +93 -133
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +69 -83
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/cadmin.css +111 -135
  6. package/lib/css/cadmin.css.map +1 -1
  7. package/lib/images/icons/angle-double-left-small.svg +10 -0
  8. package/lib/images/icons/angle-double-left.svg +10 -0
  9. package/lib/images/icons/angle-double-right-small.svg +10 -0
  10. package/lib/images/icons/angle-double-right.svg +10 -0
  11. package/lib/images/icons/field-area.svg +10 -0
  12. package/lib/images/icons/flags-km-KH.svg +12 -0
  13. package/lib/images/icons/icons.svg +1 -1
  14. package/package.json +2 -2
  15. package/src/images/icons/angle-double-left-small.svg +10 -0
  16. package/src/images/icons/angle-double-left.svg +10 -0
  17. package/src/images/icons/angle-double-right-small.svg +10 -0
  18. package/src/images/icons/angle-double-right.svg +10 -0
  19. package/src/images/icons/field-area.svg +10 -0
  20. package/src/images/icons/flags-km-KH.svg +12 -0
  21. package/src/scss/_license-text.scss +1 -1
  22. package/src/scss/atlas/variables/_menubar.scss +68 -62
  23. package/src/scss/cadmin/variables/_menubar.scss +204 -189
  24. package/src/scss/cadmin/variables/_pagination.scss +3 -3
  25. package/src/scss/functions/_lx-icons-generated.scss +12 -0
  26. package/src/scss/mixins/_breakpoints.scss +44 -40
  27. package/src/scss/mixins/_menubar.scss +131 -10
  28. package/src/scss/variables/_menubar.scss +158 -161
package/lib/css/base.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @charset "UTF-8";
2
2
  /**
3
- * Clay 3.89.0
3
+ * Clay 3.90.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>
@@ -12099,37 +12099,28 @@ label.custom-control-label {
12099
12099
  .menubar-vertical-expand-md {
12100
12100
  max-width: 15.625rem;
12101
12101
  }
12102
+ .menubar-vertical-expand-md .menubar-collapse {
12103
+ display: block;
12104
+ }
12105
+ .menubar-vertical-expand-md .menubar-collapse.collapsing, .menubar-vertical-expand-md .menubar-collapse.show {
12106
+ display: block;
12107
+ }
12102
12108
  @media (max-width: 767.98px) {
12103
12109
  .menubar-vertical-expand-md {
12104
- align-items: center;
12105
- display: flex;
12106
- flex-wrap: wrap;
12107
- justify-content: space-between;
12108
12110
  margin-bottom: 1.5rem;
12109
12111
  margin-left: -15px;
12110
12112
  margin-right: -15px;
12113
+ max-width: none;
12111
12114
  }
12112
- }
12113
- .menubar-vertical-expand-md .menubar-collapse {
12114
- display: block;
12115
- }
12116
- @media (max-width: 767.98px) {
12117
12115
  .menubar-vertical-expand-md .menubar-collapse {
12118
12116
  border-color: transparent;
12119
12117
  border-style: solid;
12120
12118
  border-width: 0.0625rem;
12121
12119
  display: none;
12122
- left: -0.0625rem;
12123
- position: absolute;
12124
- right: -0.0625rem;
12120
+ position: relative;
12125
12121
  top: 100%;
12126
12122
  z-index: 499;
12127
12123
  }
12128
- }
12129
- .menubar-vertical-expand-md .menubar-collapse.collapsing, .menubar-vertical-expand-md .menubar-collapse.show {
12130
- display: block;
12131
- }
12132
- @media (max-width: 767.98px) {
12133
12124
  .menubar-vertical-expand-md .menubar-toggler {
12134
12125
  align-items: center;
12135
12126
  border-color: transparent;
@@ -12142,40 +12133,34 @@ label.custom-control-label {
12142
12133
  }
12143
12134
  .menubar-vertical-expand-md .menubar-toggler .c-inner {
12144
12135
  max-width: none;
12145
- margin-left: -0.5rem;
12146
- margin-right: -0.5rem;
12147
12136
  }
12148
12137
  .menubar-vertical-expand-md .menubar-toggler .lexicon-icon {
12149
12138
  margin-top: 0;
12150
12139
  }
12151
- }
12152
- @media (max-width: 767.98px) {
12153
12140
  .menubar-vertical-expand-md .nav-nested {
12154
12141
  margin-bottom: 0.5rem;
12155
12142
  margin-top: 0.5rem;
12156
12143
  }
12157
- }
12158
- @media (max-width: 767.98px) {
12159
12144
  .menubar-vertical-expand-md .nav-nested-margins > li .nav > li {
12160
12145
  margin-left: 0;
12161
12146
  }
12162
- }
12163
- @media (max-width: 767.98px) {
12164
- .menubar-vertical-expand-md.menubar-transparent {
12165
- background-color: #f8f9fa;
12147
+ .menubar-vertical-expand-md .nav-link {
12148
+ color: rgba(0, 0, 0, 0.5);
12166
12149
  }
12167
- }
12168
- @media (max-width: 767.98px) {
12169
- .menubar-vertical-expand-md.menubar-transparent .menubar-collapse {
12170
- background-color: #fff;
12171
- border-color: #dee2e6;
12172
- border-radius: 0.25rem;
12173
- box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);
12150
+ .menubar-vertical-expand-md .nav-link:hover, .menubar-vertical-expand-md .nav-link.hover {
12151
+ color: rgba(0, 0, 0, 0.7);
12174
12152
  }
12175
- }
12176
- @media (max-width: 767.98px) {
12177
- .menubar-vertical-expand-md.menubar-transparent .menubar-toggler {
12178
- text-decoration: none;
12153
+ .menubar-vertical-expand-md .nav-link:active {
12154
+ color: rgba(0, 0, 0, 0.9);
12155
+ }
12156
+ .menubar-vertical-expand-md .nav-link.active {
12157
+ color: rgba(0, 0, 0, 0.9);
12158
+ }
12159
+ .menubar-vertical-expand-md .nav-link:disabled, .menubar-vertical-expand-md .nav-link.disabled {
12160
+ color: rgba(0, 0, 0, 0.3);
12161
+ }
12162
+ .menubar-vertical-expand-md .nav-link[aria-expanded=true], .menubar-vertical-expand-md .nav-link.show {
12163
+ color: rgba(0, 0, 0, 0.9);
12179
12164
  }
12180
12165
  }
12181
12166
  .menubar-vertical-expand-md.menubar-transparent .nav-link {
@@ -12194,6 +12179,17 @@ label.custom-control-label {
12194
12179
  color: rgba(0, 0, 0, 0.3);
12195
12180
  }
12196
12181
  @media (max-width: 767.98px) {
12182
+ .menubar-vertical-expand-md.menubar-transparent {
12183
+ background-color: #f8f9fa;
12184
+ }
12185
+ .menubar-vertical-expand-md.menubar-transparent .menubar-collapse {
12186
+ background-color: #fff;
12187
+ border-color: #dee2e6;
12188
+ border-radius: 0.25rem;
12189
+ }
12190
+ .menubar-vertical-expand-md.menubar-transparent .menubar-toggler {
12191
+ text-decoration: none;
12192
+ }
12197
12193
  .menubar-vertical-expand-md.menubar-transparent .nav-link {
12198
12194
  border-radius: 0;
12199
12195
  color: #212529;
@@ -12247,37 +12243,28 @@ label.custom-control-label {
12247
12243
  .menubar-vertical-expand-lg {
12248
12244
  max-width: 15.625rem;
12249
12245
  }
12246
+ .menubar-vertical-expand-lg .menubar-collapse {
12247
+ display: block;
12248
+ }
12249
+ .menubar-vertical-expand-lg .menubar-collapse.collapsing, .menubar-vertical-expand-lg .menubar-collapse.show {
12250
+ display: block;
12251
+ }
12250
12252
  @media (max-width: 991.98px) {
12251
12253
  .menubar-vertical-expand-lg {
12252
- align-items: center;
12253
- display: flex;
12254
- flex-wrap: wrap;
12255
- justify-content: space-between;
12256
12254
  margin-bottom: 1.5rem;
12257
12255
  margin-left: -15px;
12258
12256
  margin-right: -15px;
12257
+ max-width: none;
12259
12258
  }
12260
- }
12261
- .menubar-vertical-expand-lg .menubar-collapse {
12262
- display: block;
12263
- }
12264
- @media (max-width: 991.98px) {
12265
12259
  .menubar-vertical-expand-lg .menubar-collapse {
12266
12260
  border-color: transparent;
12267
12261
  border-style: solid;
12268
12262
  border-width: 0.0625rem;
12269
12263
  display: none;
12270
- left: -0.0625rem;
12271
- position: absolute;
12272
- right: -0.0625rem;
12264
+ position: relative;
12273
12265
  top: 100%;
12274
12266
  z-index: 499;
12275
12267
  }
12276
- }
12277
- .menubar-vertical-expand-lg .menubar-collapse.collapsing, .menubar-vertical-expand-lg .menubar-collapse.show {
12278
- display: block;
12279
- }
12280
- @media (max-width: 991.98px) {
12281
12268
  .menubar-vertical-expand-lg .menubar-toggler {
12282
12269
  align-items: center;
12283
12270
  border-color: transparent;
@@ -12290,46 +12277,34 @@ label.custom-control-label {
12290
12277
  }
12291
12278
  .menubar-vertical-expand-lg .menubar-toggler .c-inner {
12292
12279
  max-width: none;
12293
- margin-left: -0.5rem;
12294
- margin-right: -0.5rem;
12295
12280
  }
12296
12281
  .menubar-vertical-expand-lg .menubar-toggler .lexicon-icon {
12297
12282
  margin-top: 0;
12298
12283
  }
12299
- }
12300
- @media (max-width: 991.98px) {
12301
12284
  .menubar-vertical-expand-lg .nav-nested {
12302
12285
  margin-bottom: 0.5rem;
12303
12286
  margin-top: 0.5rem;
12304
12287
  }
12305
- }
12306
- @media (max-width: 991.98px) {
12307
- .menubar-vertical-expand-lg .nav-nested-margins {
12308
- margin-bottom: 0.5rem;
12309
- margin-top: 0.5rem;
12310
- }
12311
- }
12312
- @media (max-width: 991.98px) {
12313
12288
  .menubar-vertical-expand-lg .nav-nested-margins > li .nav > li {
12314
12289
  margin-left: 0;
12315
12290
  }
12316
- }
12317
- @media (max-width: 991.98px) {
12318
- .menubar-vertical-expand-lg.menubar-transparent {
12319
- background-color: #f8f9fa;
12291
+ .menubar-vertical-expand-lg .nav-link {
12292
+ color: rgba(0, 0, 0, 0.5);
12320
12293
  }
12321
- }
12322
- @media (max-width: 991.98px) {
12323
- .menubar-vertical-expand-lg.menubar-transparent .menubar-collapse {
12324
- background-color: #fff;
12325
- border-color: #dee2e6;
12326
- border-radius: 0.25rem;
12327
- box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);
12294
+ .menubar-vertical-expand-lg .nav-link:hover, .menubar-vertical-expand-lg .nav-link.hover {
12295
+ color: rgba(0, 0, 0, 0.7);
12328
12296
  }
12329
- }
12330
- @media (max-width: 991.98px) {
12331
- .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler {
12332
- text-decoration: none;
12297
+ .menubar-vertical-expand-lg .nav-link:active {
12298
+ color: rgba(0, 0, 0, 0.9);
12299
+ }
12300
+ .menubar-vertical-expand-lg .nav-link.active {
12301
+ color: rgba(0, 0, 0, 0.9);
12302
+ }
12303
+ .menubar-vertical-expand-lg .nav-link:disabled, .menubar-vertical-expand-lg .nav-link.disabled {
12304
+ color: rgba(0, 0, 0, 0.3);
12305
+ }
12306
+ .menubar-vertical-expand-lg .nav-link[aria-expanded=true], .menubar-vertical-expand-lg .nav-link.show {
12307
+ color: rgba(0, 0, 0, 0.9);
12333
12308
  }
12334
12309
  }
12335
12310
  .menubar-vertical-expand-lg.menubar-transparent .nav-link {
@@ -12348,6 +12323,17 @@ label.custom-control-label {
12348
12323
  color: rgba(0, 0, 0, 0.3);
12349
12324
  }
12350
12325
  @media (max-width: 991.98px) {
12326
+ .menubar-vertical-expand-lg.menubar-transparent {
12327
+ background-color: #f8f9fa;
12328
+ }
12329
+ .menubar-vertical-expand-lg.menubar-transparent .menubar-collapse {
12330
+ background-color: #fff;
12331
+ border-color: #dee2e6;
12332
+ border-radius: 0.25rem;
12333
+ }
12334
+ .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler {
12335
+ text-decoration: none;
12336
+ }
12351
12337
  .menubar-vertical-expand-lg.menubar-transparent .nav-link {
12352
12338
  border-radius: 0;
12353
12339
  color: #212529;