@clayui/css 3.73.0 → 3.75.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/base.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @charset "UTF-8";
2
2
  /**
3
- * Clay 3.73.0
3
+ * Clay 3.75.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>
@@ -5687,6 +5687,9 @@ input[type=button].btn-block {
5687
5687
  .form-check-card .custom-control .custom-control-input:checked ~ .card {
5688
5688
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
5689
5689
  }
5690
+ .form-check-card .custom-control .custom-control-input:checked ~ .card {
5691
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
5692
+ }
5690
5693
  .form-check-card .form-check-input:checked ~ .card {
5691
5694
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
5692
5695
  }
@@ -8621,19 +8624,37 @@ label.custom-control-label {
8621
8624
  border-color: #007bff;
8622
8625
  color: #fff;
8623
8626
  }
8627
+ .custom-control-input:checked ~ .custom-control-label::before {
8628
+ background-color: #007bff;
8629
+ border-color: #007bff;
8630
+ color: #fff;
8631
+ }
8624
8632
  .custom-control-input:checked[disabled] ~ .custom-control-label::before, .custom-control-input:checked:disabled ~ .custom-control-label::before {
8625
8633
  background-color: #e9ecef;
8626
8634
  box-shadow: none;
8627
8635
  }
8636
+ .custom-control-input:checked[readonly] ~ .custom-control-label::before {
8637
+ background-color: #fff;
8638
+ border-color: #adb5bd;
8639
+ }
8628
8640
  .custom-checkbox .custom-control-input ~ .custom-control-label::before {
8629
8641
  border-radius: 0.25rem;
8630
8642
  }
8631
8643
  .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
8632
8644
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='8'%20viewBox='0%200%208%208'%3E%3Cpath%20fill='%23fff'%20d='M6.564.75l-3.59%203.612-1.538-1.55L0%204.26l2.974%202.99L8%202.193z'/%3E%3C/svg%3E");
8633
8645
  }
8646
+ .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
8647
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='8'%20viewBox='0%200%208%208'%3E%3Cpath%20fill='%23fff'%20d='M6.564.75l-3.59%203.612-1.538-1.55L0%204.26l2.974%202.99L8%202.193z'/%3E%3C/svg%3E");
8648
+ }
8634
8649
  .custom-checkbox .custom-control-input:checked[disabled] ~ .custom-control-label::before, .custom-checkbox .custom-control-input:checked:disabled ~ .custom-control-label::before {
8635
8650
  background-color: rgba(0, 123, 255, 0.5);
8636
8651
  }
8652
+ .custom-checkbox .custom-control-input:checked[readonly] ~ .custom-control-label::before {
8653
+ background-color: #fff;
8654
+ }
8655
+ .custom-checkbox .custom-control-input:checked[readonly] ~ .custom-control-label::after {
8656
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='8'%20viewBox='0%200%208%208'%3E%3Cpath%20fill='%236c757d'%20d='M6.564.75l-3.59%203.612-1.538-1.55L0%204.26l2.974%202.99L8%202.193z'/%3E%3C/svg%3E");
8657
+ }
8637
8658
  .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
8638
8659
  background-color: #007bff;
8639
8660
  border-color: #007bff;
@@ -8644,12 +8665,22 @@ label.custom-control-label {
8644
8665
  .custom-checkbox .custom-control-input:indeterminate[disabled] ~ .custom-control-label::before, .custom-checkbox .custom-control-input:indeterminate:disabled ~ .custom-control-label::before {
8645
8666
  background-color: rgba(0, 123, 255, 0.5);
8646
8667
  }
8668
+ .custom-checkbox .custom-control-input:indeterminate[readonly] ~ .custom-control-label::before {
8669
+ background-color: #fff;
8670
+ border-color: #adb5bd;
8671
+ }
8672
+ .custom-checkbox .custom-control-input:indeterminate[readonly] ~ .custom-control-label::after {
8673
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='4'%20height='4'%20viewBox='0%200%204%204'%3E%3Cpath%20stroke='%23343a40'%20d='M0%202h4'/%3E%3C/svg%3E");
8674
+ }
8647
8675
  .custom-radio .custom-control-input ~ .custom-control-label::before {
8648
8676
  border-radius: 50%;
8649
8677
  }
8650
8678
  .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
8651
8679
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='12'%20viewBox='-4%20-4%208%208'%3E%3Ccircle%20r='3'%20fill='%23fff'/%3E%3C/svg%3E");
8652
8680
  }
8681
+ .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
8682
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='12'%20viewBox='-4%20-4%208%208'%3E%3Ccircle%20r='3'%20fill='%23fff'/%3E%3C/svg%3E");
8683
+ }
8653
8684
  .custom-radio .custom-control-input:checked[disabled] ~ .custom-control-label::before, .custom-radio .custom-control-input:checked:disabled ~ .custom-control-label::before {
8654
8685
  background-color: rgba(0, 123, 255, 0.5);
8655
8686
  }
@@ -17867,16 +17898,16 @@ caption {
17867
17898
  .table-hover .table-disabled:hover td {
17868
17899
  background-color: #fff;
17869
17900
  }
17870
- .table-primary,
17871
- .table-primary > th,
17872
- .table-primary > td {
17901
+ .table .table-primary,
17902
+ .table .table-primary > th,
17903
+ .table .table-primary > td {
17873
17904
  background-color: #b8daff;
17874
17905
  border-color: #7abaff;
17875
17906
  }
17876
- .table-primary th,
17877
- .table-primary td,
17878
- .table-primary thead th,
17879
- .table-primary tbody + tbody {
17907
+ .table .table-primary th,
17908
+ .table .table-primary td,
17909
+ .table .table-primary thead th,
17910
+ .table .table-primary tbody + tbody {
17880
17911
  border-color: #7abaff;
17881
17912
  }
17882
17913
 
@@ -17888,16 +17919,16 @@ caption {
17888
17919
  background-color: #9fcdff;
17889
17920
  }
17890
17921
 
17891
- .table-secondary,
17892
- .table-secondary > th,
17893
- .table-secondary > td {
17922
+ .table .table-secondary,
17923
+ .table .table-secondary > th,
17924
+ .table .table-secondary > td {
17894
17925
  background-color: #d6d8db;
17895
17926
  border-color: #b3b7bb;
17896
17927
  }
17897
- .table-secondary th,
17898
- .table-secondary td,
17899
- .table-secondary thead th,
17900
- .table-secondary tbody + tbody {
17928
+ .table .table-secondary th,
17929
+ .table .table-secondary td,
17930
+ .table .table-secondary thead th,
17931
+ .table .table-secondary tbody + tbody {
17901
17932
  border-color: #b3b7bb;
17902
17933
  }
17903
17934
 
@@ -17909,16 +17940,16 @@ caption {
17909
17940
  background-color: #c8cbcf;
17910
17941
  }
17911
17942
 
17912
- .table-success,
17913
- .table-success > th,
17914
- .table-success > td {
17943
+ .table .table-success,
17944
+ .table .table-success > th,
17945
+ .table .table-success > td {
17915
17946
  background-color: #c3e6cb;
17916
17947
  border-color: #8fd19e;
17917
17948
  }
17918
- .table-success th,
17919
- .table-success td,
17920
- .table-success thead th,
17921
- .table-success tbody + tbody {
17949
+ .table .table-success th,
17950
+ .table .table-success td,
17951
+ .table .table-success thead th,
17952
+ .table .table-success tbody + tbody {
17922
17953
  border-color: #8fd19e;
17923
17954
  }
17924
17955
 
@@ -17930,16 +17961,16 @@ caption {
17930
17961
  background-color: #b1dfbb;
17931
17962
  }
17932
17963
 
17933
- .table-info,
17934
- .table-info > th,
17935
- .table-info > td {
17964
+ .table .table-info,
17965
+ .table .table-info > th,
17966
+ .table .table-info > td {
17936
17967
  background-color: #bee5eb;
17937
17968
  border-color: #86cfda;
17938
17969
  }
17939
- .table-info th,
17940
- .table-info td,
17941
- .table-info thead th,
17942
- .table-info tbody + tbody {
17970
+ .table .table-info th,
17971
+ .table .table-info td,
17972
+ .table .table-info thead th,
17973
+ .table .table-info tbody + tbody {
17943
17974
  border-color: #86cfda;
17944
17975
  }
17945
17976
 
@@ -17951,16 +17982,16 @@ caption {
17951
17982
  background-color: #abdde5;
17952
17983
  }
17953
17984
 
17954
- .table-warning,
17955
- .table-warning > th,
17956
- .table-warning > td {
17985
+ .table .table-warning,
17986
+ .table .table-warning > th,
17987
+ .table .table-warning > td {
17957
17988
  background-color: #ffeeba;
17958
17989
  border-color: #ffdf7e;
17959
17990
  }
17960
- .table-warning th,
17961
- .table-warning td,
17962
- .table-warning thead th,
17963
- .table-warning tbody + tbody {
17991
+ .table .table-warning th,
17992
+ .table .table-warning td,
17993
+ .table .table-warning thead th,
17994
+ .table .table-warning tbody + tbody {
17964
17995
  border-color: #ffdf7e;
17965
17996
  }
17966
17997
 
@@ -17972,16 +18003,16 @@ caption {
17972
18003
  background-color: #ffe8a1;
17973
18004
  }
17974
18005
 
17975
- .table-danger,
17976
- .table-danger > th,
17977
- .table-danger > td {
18006
+ .table .table-danger,
18007
+ .table .table-danger > th,
18008
+ .table .table-danger > td {
17978
18009
  background-color: #f5c6cb;
17979
18010
  border-color: #ed969e;
17980
18011
  }
17981
- .table-danger th,
17982
- .table-danger td,
17983
- .table-danger thead th,
17984
- .table-danger tbody + tbody {
18012
+ .table .table-danger th,
18013
+ .table .table-danger td,
18014
+ .table .table-danger thead th,
18015
+ .table .table-danger tbody + tbody {
17985
18016
  border-color: #ed969e;
17986
18017
  }
17987
18018
 
@@ -17993,16 +18024,16 @@ caption {
17993
18024
  background-color: #f1b0b7;
17994
18025
  }
17995
18026
 
17996
- .table-light,
17997
- .table-light > th,
17998
- .table-light > td {
18027
+ .table .table-light,
18028
+ .table .table-light > th,
18029
+ .table .table-light > td {
17999
18030
  background-color: #fdfdfe;
18000
18031
  border-color: #fbfcfc;
18001
18032
  }
18002
- .table-light th,
18003
- .table-light td,
18004
- .table-light thead th,
18005
- .table-light tbody + tbody {
18033
+ .table .table-light th,
18034
+ .table .table-light td,
18035
+ .table .table-light thead th,
18036
+ .table .table-light tbody + tbody {
18006
18037
  border-color: #fbfcfc;
18007
18038
  }
18008
18039
 
@@ -18014,16 +18045,29 @@ caption {
18014
18045
  background-color: #ececf6;
18015
18046
  }
18016
18047
 
18017
- .table-dark,
18018
- .table-dark > th,
18019
- .table-dark > td {
18048
+ .table .table-dark,
18049
+ .table .table-dark > th,
18050
+ .table .table-dark > td {
18020
18051
  background-color: #c6c8ca;
18021
18052
  border-color: #95999c;
18022
18053
  }
18023
- .table-dark th,
18024
- .table-dark td,
18025
- .table-dark thead th,
18026
- .table-dark tbody + tbody {
18054
+ .table .table-dark .table-title,
18055
+ .table .table-dark > th .table-title,
18056
+ .table .table-dark > td .table-title {
18057
+ color: #fff;
18058
+ }
18059
+ .table .table-dark .table-title[href],
18060
+ .table .table-dark .table-title [href],
18061
+ .table .table-dark > th .table-title[href],
18062
+ .table .table-dark > th .table-title [href],
18063
+ .table .table-dark > td .table-title[href],
18064
+ .table .table-dark > td .table-title [href] {
18065
+ color: inherit;
18066
+ }
18067
+ .table .table-dark th,
18068
+ .table .table-dark td,
18069
+ .table .table-dark thead th,
18070
+ .table .table-dark tbody + tbody {
18027
18071
  border-color: #95999c;
18028
18072
  }
18029
18073