@clayui/css 3.110.0 → 3.112.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 (35) hide show
  1. package/CHANGELOG.md +37 -0
  2. package/lib/css/atlas.css +53 -52
  3. package/lib/css/atlas.css.map +1 -1
  4. package/lib/css/base.css +25 -24
  5. package/lib/css/base.css.map +1 -1
  6. package/lib/css/bootstrap.css +0 -0
  7. package/lib/css/bootstrap.css.map +0 -0
  8. package/lib/css/cadmin.css +54 -46
  9. package/lib/css/cadmin.css.map +1 -1
  10. package/lib/images/icons/braces.svg +7 -0
  11. package/lib/images/icons/brackets.svg +7 -0
  12. package/lib/images/icons/icon-rule-builder.svg +9 -0
  13. package/lib/images/icons/icons.svg +1 -1
  14. package/lib/images/icons/seo.svg +7 -0
  15. package/package.json +2 -2
  16. package/src/images/icons/braces.svg +7 -0
  17. package/src/images/icons/brackets.svg +7 -0
  18. package/src/images/icons/icon-rule-builder.svg +9 -0
  19. package/src/images/icons/seo.svg +7 -0
  20. package/src/scss/_license-text.scss +1 -1
  21. package/src/scss/atlas/variables/_globals.scss +2 -4
  22. package/src/scss/atlas/variables/_navs.scss +1 -1
  23. package/src/scss/atlas/variables/_tooltip.scss +1 -1
  24. package/src/scss/cadmin/components/_print.scss +6 -2
  25. package/src/scss/cadmin/components/_type.scss +16 -1
  26. package/src/scss/cadmin/variables/_globals.scss +27 -4
  27. package/src/scss/cadmin/variables/_tooltip.scss +1 -1
  28. package/src/scss/cadmin/variables/_type.scss +0 -2
  29. package/src/scss/components/_print.scss +6 -2
  30. package/src/scss/components/_type.scss +16 -1
  31. package/src/scss/functions/_lx-icons-generated.scss +8 -0
  32. package/src/scss/mixins/_type.scss +4 -3
  33. package/src/scss/variables/_globals.scss +26 -3
  34. package/src/scss/variables/_navs.scss +1 -1
  35. package/src/scss/variables/_type.scss +0 -2
File without changes
File without changes
@@ -1,6 +1,6 @@
1
1
  @charset "UTF-8";
2
2
  /**
3
- * Clay 3.110.0
3
+ * Clay 3.112.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.110.0
19
+ * Clay 3.112.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>
@@ -479,26 +479,18 @@ html:not(#__):not(#___) .cadmin .small {
479
479
  }
480
480
  html:not(#__):not(#___) .cadmin mark,
481
481
  html:not(#__):not(#___) .cadmin .mark {
482
- background-color: #fcf8e3;
483
- box-decoration-break: clone;
484
- box-shadow: -0.25em 0 0 #fcf8e3;
482
+ background-color: #ffe399;
485
483
  display: inline;
486
484
  line-height: normal;
487
- padding: 2px 0.25em 3px 0;
488
485
  position: relative;
489
486
  white-space: pre-wrap;
490
487
  }
491
- html:not(#__):not(#___) .cadmin mark:before,
492
- html:not(#__):not(#___) .cadmin .mark:before {
493
- background-color: #fcf8e3;
494
- bottom: 0;
495
- content: "";
496
- display: block;
497
- position: absolute;
498
- right: 100%;
499
- top: 0;
500
- width: 0.25em;
501
- z-index: -1;
488
+ html:not(#__):not(#___) .cadmin mark.clay-dark,
489
+ html:not(#__):not(#___) .cadmin .clay-dark.mark,
490
+ html:not(#__):not(#___) .cadmin .clay-dark mark,
491
+ html:not(#__):not(#___) .cadmin .clay-dark .mark {
492
+ background-color: #393a4a;
493
+ color: #fff;
502
494
  }
503
495
  html:not(#__):not(#___) .cadmin .list-unstyled {
504
496
  list-style: none;
@@ -895,7 +887,7 @@ html:not(#__):not(#___) .cadmin .btn {
895
887
  border-width: 1px;
896
888
  border-radius: 4px;
897
889
  box-shadow: [];
898
- color: #272833;
890
+ color: #1c1c24;
899
891
  cursor: pointer;
900
892
  display: inline-block;
901
893
  font-size: 16px;
@@ -925,7 +917,7 @@ html:not(#__):not(#___) .c-prefers-reduced-motion .cadmin .btn {
925
917
  }
926
918
 
927
919
  html:not(#__):not(#___) .cadmin .btn:hover {
928
- color: #272833;
920
+ color: #1c1c24;
929
921
  text-decoration: none;
930
922
  }
931
923
  html:not(#__):not(#___) .cadmin .btn.focus, html:not(#__):not(#___) .cadmin .btn:focus-visible,
@@ -5672,7 +5664,7 @@ html:not(#__):not(#___) .cadmin .form-check-card .form-check-input {
5672
5664
  z-index: 1;
5673
5665
  }
5674
5666
  html:not(#__):not(#___) .cadmin .form-check-card .form-check-label {
5675
- color: #272833;
5667
+ color: #1c1c24;
5676
5668
  display: inline;
5677
5669
  font-weight: 400;
5678
5670
  padding-left: 0;
@@ -6324,7 +6316,7 @@ html:not(#__):not(#___) .cadmin .dropdown-menu, html:not(#__):not(#___) .cadmin.
6324
6316
  border-width: 0;
6325
6317
  border-radius: 4px;
6326
6318
  box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
6327
- color: #272833;
6319
+ color: #1c1c24;
6328
6320
  display: none;
6329
6321
  float: left;
6330
6322
  font-size: 14px;
@@ -7059,7 +7051,7 @@ html:not(#__):not(#___) .cadmin .form-control-plaintext {
7059
7051
  border-right-width: 1px;
7060
7052
  border-style: solid;
7061
7053
  border-top-width: 1px;
7062
- color: #272833;
7054
+ color: #1c1c24;
7063
7055
  display: block;
7064
7056
  font-size: 16px;
7065
7057
  height: 40px;
@@ -10427,7 +10419,7 @@ html:not(#__):not(#___) .cadmin .list-group-item-action:hover, html:not(#__):not
10427
10419
  }
10428
10420
  html:not(#__):not(#___) .cadmin .list-group-item-action:active {
10429
10421
  background-color: #f1f2f5;
10430
- color: #272833;
10422
+ color: #1c1c24;
10431
10423
  }
10432
10424
  html:not(#__):not(#___) .cadmin .list-group {
10433
10425
  border-radius: 4px;
@@ -15786,7 +15778,7 @@ html:not(#__):not(#___) .cadmin .sheet-subtitle {
15786
15778
  border-color: #a7a9bc;
15787
15779
  border-style: solid;
15788
15780
  border-width: 0 0 1px 0;
15789
- color: #272833;
15781
+ color: #1c1c24;
15790
15782
  display: block;
15791
15783
  font-size: 14px;
15792
15784
  font-weight: 600;
@@ -15829,7 +15821,7 @@ html:not(#__):not(#___) .cadmin .sheet-subtitle .btn {
15829
15821
  }
15830
15822
  html:not(#__):not(#___) .cadmin a.sheet-subtitle {
15831
15823
  border-radius: 1px;
15832
- color: #272833;
15824
+ color: #1c1c24;
15833
15825
  transition: box-shadow 0.15s ease-in-out;
15834
15826
  }
15835
15827
  @media (prefers-reduced-motion: reduce) {
@@ -15850,7 +15842,7 @@ html:not(#__):not(#___) .c-prefers-focus .cadmin a.sheet-subtitle {
15850
15842
  outline: 0;
15851
15843
  }
15852
15844
  html:not(#__):not(#___) .cadmin .sheet-tertiary-title {
15853
- color: #272833;
15845
+ color: #1c1c24;
15854
15846
  display: block;
15855
15847
  font-size: 14px;
15856
15848
  font-weight: 600;
@@ -16518,7 +16510,7 @@ html:not(#__):not(#___) .cadmin .table-head-title .inline-item-after {
16518
16510
  html:not(#__):not(#___) .cadmin .table {
16519
16511
  background-color: #fff;
16520
16512
  border-spacing: 0;
16521
- color: #272833;
16513
+ color: #1c1c24;
16522
16514
  font-size: 14px;
16523
16515
  margin-bottom: 0;
16524
16516
  width: 100%;
@@ -16705,7 +16697,7 @@ html:not(#__):not(#___) .cadmin .table-striped tbody tr:nth-of-type(odd):not(.ta
16705
16697
  }
16706
16698
  html:not(#__):not(#___) .cadmin .table-hover tbody tr:hover {
16707
16699
  background-color: #f0f5ff;
16708
- color: #272833;
16700
+ color: #1c1c24;
16709
16701
  }
16710
16702
  html:not(#__):not(#___) .cadmin .table-hover tbody tr:hover .quick-action-menu {
16711
16703
  background-color: #f0f5ff;
@@ -16943,7 +16935,7 @@ html:not(#__):not(#___) .cadmin .table-list {
16943
16935
  border-radius: 4px;
16944
16936
  border-style: solid;
16945
16937
  border-width: 1px 1px;
16946
- color: #272833;
16938
+ color: #1c1c24;
16947
16939
  margin-bottom: 1px;
16948
16940
  }
16949
16941
  html:not(#__):not(#___) .cadmin .table-list thead {
@@ -17845,7 +17837,7 @@ html:not(#__):not(#___) .cadmin .tbar-stacked .tbar-item {
17845
17837
  padding-right: 0;
17846
17838
  }
17847
17839
  html:not(#__):not(#___) .cadmin .tbar-stacked .tbar-divider-before::before {
17848
- background-color: #272833;
17840
+ background-color: #1c1c24;
17849
17841
  content: "";
17850
17842
  display: block;
17851
17843
  height: 1px;
@@ -17854,7 +17846,7 @@ html:not(#__):not(#___) .cadmin .tbar-stacked .tbar-divider-before::before {
17854
17846
  width: 40px;
17855
17847
  }
17856
17848
  html:not(#__):not(#___) .cadmin .tbar-stacked .tbar-divider-after::after {
17857
- background-color: #272833;
17849
+ background-color: #1c1c24;
17858
17850
  content: "";
17859
17851
  display: block;
17860
17852
  height: 1px;
@@ -18041,7 +18033,7 @@ html:not(#__):not(#___) .cadmin .timeline-increment-text {
18041
18033
  max-width: 65px;
18042
18034
  }
18043
18035
  html:not(#__):not(#___) .cadmin .timeline-item-label {
18044
- color: #272833;
18036
+ color: #1c1c24;
18045
18037
  }
18046
18038
  html:not(#__):not(#___) .cadmin .timeline-item {
18047
18039
  padding-bottom: 5px;
@@ -18656,7 +18648,7 @@ html:not(#__):not(#___) .cadmin .tooltip .arrow::before {
18656
18648
  position: absolute;
18657
18649
  }
18658
18650
  html:not(#__):not(#___) .cadmin .tooltip-inner {
18659
- background-color: #272833;
18651
+ background-color: #111116;
18660
18652
  border-radius: 4px;
18661
18653
  box-shadow: [0 1px 4px 0px rgba(0, 0, 0, 0.4)];
18662
18654
  color: #fff;
@@ -18666,7 +18658,7 @@ html:not(#__):not(#___) .cadmin .tooltip-inner {
18666
18658
  white-space: pre-line;
18667
18659
  }
18668
18660
  html:not(#__):not(#___) .cadmin .tooltip-arrow {
18669
- background-color: #272833;
18661
+ background-color: #111116;
18670
18662
  position: absolute;
18671
18663
  transform: rotate(45deg);
18672
18664
  }
@@ -18680,7 +18672,7 @@ html:not(#__):not(#___) .cadmin .bs-tooltip-auto[x-placement^=top] .arrow {
18680
18672
  }
18681
18673
  html:not(#__):not(#___) .cadmin .bs-tooltip-top .arrow::before,
18682
18674
  html:not(#__):not(#___) .cadmin .bs-tooltip-auto[x-placement^=top] .arrow::before {
18683
- border-top-color: #272833;
18675
+ border-top-color: #111116;
18684
18676
  border-width: 6.4px 6.4px 0;
18685
18677
  top: 0;
18686
18678
  }
@@ -18696,7 +18688,7 @@ html:not(#__):not(#___) .cadmin .bs-tooltip-auto[x-placement^=right] .arrow {
18696
18688
  }
18697
18689
  html:not(#__):not(#___) .cadmin .bs-tooltip-right .arrow::before,
18698
18690
  html:not(#__):not(#___) .cadmin .bs-tooltip-auto[x-placement^=right] .arrow::before {
18699
- border-right-color: #272833;
18691
+ border-right-color: #111116;
18700
18692
  border-width: 6.4px 6.4px 6.4px 0;
18701
18693
  right: 0;
18702
18694
  }
@@ -18710,7 +18702,7 @@ html:not(#__):not(#___) .cadmin .bs-tooltip-auto[x-placement^=bottom] .arrow {
18710
18702
  }
18711
18703
  html:not(#__):not(#___) .cadmin .bs-tooltip-bottom .arrow::before,
18712
18704
  html:not(#__):not(#___) .cadmin .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
18713
- border-bottom-color: #272833;
18705
+ border-bottom-color: #111116;
18714
18706
  border-width: 0 6.4px 6.4px;
18715
18707
  bottom: 0;
18716
18708
  }
@@ -18726,7 +18718,7 @@ html:not(#__):not(#___) .cadmin .bs-tooltip-auto[x-placement^=left] .arrow {
18726
18718
  }
18727
18719
  html:not(#__):not(#___) .cadmin .bs-tooltip-left .arrow::before,
18728
18720
  html:not(#__):not(#___) .cadmin .bs-tooltip-auto[x-placement^=left] .arrow::before {
18729
- border-left-color: #272833;
18721
+ border-left-color: #111116;
18730
18722
  border-width: 6.4px 0 6.4px 6.4px;
18731
18723
  left: 0;
18732
18724
  }
@@ -18745,7 +18737,7 @@ html:not(#__):not(#___) .cadmin .clay-tooltip-bottom-right .arrow {
18745
18737
  html:not(#__):not(#___) .cadmin .clay-tooltip-bottom .arrow::before,
18746
18738
  html:not(#__):not(#___) .cadmin .clay-tooltip-bottom-left .arrow::before,
18747
18739
  html:not(#__):not(#___) .cadmin .clay-tooltip-bottom-right .arrow::before {
18748
- border-bottom-color: #272833;
18740
+ border-bottom-color: #111116;
18749
18741
  border-width: 0 6.4px 6.4px;
18750
18742
  bottom: 0;
18751
18743
  }
@@ -18783,7 +18775,7 @@ html:not(#__):not(#___) .cadmin .clay-tooltip-left-top .arrow {
18783
18775
  html:not(#__):not(#___) .cadmin .clay-tooltip-left .arrow::before,
18784
18776
  html:not(#__):not(#___) .cadmin .clay-tooltip-left-bottom .arrow::before,
18785
18777
  html:not(#__):not(#___) .cadmin .clay-tooltip-left-top .arrow::before {
18786
- border-left-color: #272833;
18778
+ border-left-color: #111116;
18787
18779
  border-width: 6.4px 0 6.4px 6.4px;
18788
18780
  left: 0;
18789
18781
  }
@@ -18821,7 +18813,7 @@ html:not(#__):not(#___) .cadmin .clay-tooltip-right-top .arrow {
18821
18813
  html:not(#__):not(#___) .cadmin .clay-tooltip-right .arrow::before,
18822
18814
  html:not(#__):not(#___) .cadmin .clay-tooltip-right-bottom .arrow::before,
18823
18815
  html:not(#__):not(#___) .cadmin .clay-tooltip-right-top .arrow::before {
18824
- border-right-color: #272833;
18816
+ border-right-color: #111116;
18825
18817
  border-width: 6.4px 6.4px 6.4px 0;
18826
18818
  right: 0;
18827
18819
  }
@@ -18857,7 +18849,7 @@ html:not(#__):not(#___) .cadmin .clay-tooltip-top-right .arrow {
18857
18849
  html:not(#__):not(#___) .cadmin .clay-tooltip-top .arrow::before,
18858
18850
  html:not(#__):not(#___) .cadmin .clay-tooltip-top-left .arrow::before,
18859
18851
  html:not(#__):not(#___) .cadmin .clay-tooltip-top-right .arrow::before {
18860
- border-top-color: #272833;
18852
+ border-top-color: #111116;
18861
18853
  border-width: 6.4px 6.4px 0;
18862
18854
  top: 0;
18863
18855
  }
@@ -27529,7 +27521,7 @@ html:not(#__):not(#___) .cadmin a.text-dark:hover, html:not(#__):not(#___) .cadm
27529
27521
  color: #060608 !important;
27530
27522
  }
27531
27523
  html:not(#__):not(#___) .cadmin .text-body {
27532
- color: #272833 !important;
27524
+ color: #1c1c24 !important;
27533
27525
  }
27534
27526
  html:not(#__):not(#___) .cadmin .text-muted {
27535
27527
  color: #a7a9bc !important;
@@ -27848,23 +27840,33 @@ html:not(#__):not(#___) .cadmin h3 {
27848
27840
  html:not(#__):not(#___) .cadmin h3 {
27849
27841
  page-break-after: avoid;
27850
27842
  }
27843
+ }
27844
+ @media print {
27851
27845
  @page {
27852
- html:not(#__):not(#___) .cadmin {
27853
- size: a3;
27854
- }
27846
+ size: a3;
27855
27847
  }
27848
+ }
27849
+ @media print {
27856
27850
  html:not(#__):not(#___) .cadmin body {
27857
27851
  min-width: 992px !important;
27858
27852
  }
27853
+ }
27854
+ @media print {
27859
27855
  html:not(#__):not(#___) .cadmin .container {
27860
27856
  min-width: 992px !important;
27861
27857
  }
27858
+ }
27859
+ @media print {
27862
27860
  html:not(#__):not(#___) .cadmin .navbar {
27863
27861
  display: none;
27864
27862
  }
27863
+ }
27864
+ @media print {
27865
27865
  html:not(#__):not(#___) .cadmin .badge {
27866
27866
  border: 1px solid #000;
27867
27867
  }
27868
+ }
27869
+ @media print {
27868
27870
  html:not(#__):not(#___) .cadmin .table {
27869
27871
  border-collapse: collapse !important;
27870
27872
  }
@@ -27872,10 +27874,14 @@ html:not(#__):not(#___) .cadmin h3 {
27872
27874
  html:not(#__):not(#___) .cadmin .table th {
27873
27875
  background-color: #fff !important;
27874
27876
  }
27877
+ }
27878
+ @media print {
27875
27879
  html:not(#__):not(#___) .cadmin .table-bordered th,
27876
27880
  html:not(#__):not(#___) .cadmin .table-bordered td {
27877
27881
  border: 1px solid #e7e7ed !important;
27878
27882
  }
27883
+ }
27884
+ @media print {
27879
27885
  html:not(#__):not(#___) .cadmin .table-dark {
27880
27886
  color: inherit;
27881
27887
  }
@@ -27885,6 +27891,8 @@ html:not(#__):not(#___) .cadmin .table-dark thead th,
27885
27891
  html:not(#__):not(#___) .cadmin .table-dark tbody + tbody {
27886
27892
  border-color: #e7e7ed;
27887
27893
  }
27894
+ }
27895
+ @media print {
27888
27896
  html:not(#__):not(#___) .cadmin .table .thead-dark th {
27889
27897
  border-color: #e7e7ed;
27890
27898
  color: inherit;