matcha-theme 19.28.0 → 19.29.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.
|
@@ -117,5 +117,14 @@
|
|
|
117
117
|
button{
|
|
118
118
|
font-family: matcha-font-family($config, title);
|
|
119
119
|
}
|
|
120
|
+
input[type="text"],
|
|
121
|
+
input[type="email"],
|
|
122
|
+
input[type="tel"],
|
|
123
|
+
input[type="url"],
|
|
124
|
+
input[type="password"],
|
|
125
|
+
input[type="number"],
|
|
126
|
+
input[type="search"],
|
|
127
|
+
textarea {
|
|
128
|
+
font-family: matcha-font-family($config, body-1);
|
|
129
|
+
}
|
|
120
130
|
}
|
|
121
|
-
|
|
@@ -78,6 +78,7 @@ a[matcha-button] {
|
|
|
78
78
|
text-indent: 0px;
|
|
79
79
|
text-shadow: none;
|
|
80
80
|
text-align: center;
|
|
81
|
+
text-wrap: nowrap;
|
|
81
82
|
display: flex;
|
|
82
83
|
justify-content: center;
|
|
83
84
|
align-items: center;
|
|
@@ -667,30 +668,6 @@ a[matcha-button] {
|
|
|
667
668
|
}
|
|
668
669
|
&[color="warn"] .ripple{background: rgba(map-get($warn, default-contrast), 0.2)}
|
|
669
670
|
|
|
670
|
-
//basic
|
|
671
|
-
&[color="basic"][outline]:not([outline="false"]) .ripple {
|
|
672
|
-
background: rgba(map-get($foreground, base), 0.2)
|
|
673
|
-
}
|
|
674
|
-
&[color="basic"][alpha]:not([alpha="false"]){
|
|
675
|
-
background: rgba(map-get($foreground, base), 0.2);
|
|
676
|
-
color: map-get($foreground, base);
|
|
677
|
-
}
|
|
678
|
-
&[color="basic"][outline]:not([outline="false"]),
|
|
679
|
-
&[color="basic"][link]:not([link="false"]),
|
|
680
|
-
&[color="basic"][basic]:not([basic="false"]) {
|
|
681
|
-
color: map-get($foreground, base)!important
|
|
682
|
-
}
|
|
683
|
-
&[color="basic"]{
|
|
684
|
-
background: map-get($background, card);
|
|
685
|
-
color: map-get($foreground, base);
|
|
686
|
-
}
|
|
687
|
-
&[color="basic"] .ripple{background: rgba(map-get($foreground, base), 0.2)}
|
|
688
|
-
&[color="basic"]{
|
|
689
|
-
background: map-get($background, card);
|
|
690
|
-
&:not([color]){
|
|
691
|
-
color: map-get($foreground, base);
|
|
692
|
-
}
|
|
693
|
-
}
|
|
694
671
|
}
|
|
695
672
|
|
|
696
673
|
button[matcha-button],
|
|
@@ -723,18 +700,6 @@ a[matcha-button] {
|
|
|
723
700
|
border-color: map-get($foreground, disabled);
|
|
724
701
|
}
|
|
725
702
|
|
|
726
|
-
&[basic="true"]:not([icon="false"]) {
|
|
727
|
-
border: 0px solid currentColor;
|
|
728
|
-
background: map-get($background, card);
|
|
729
|
-
&:not([color]){
|
|
730
|
-
border-color: map-get($foreground, base);
|
|
731
|
-
background: transparent !important;
|
|
732
|
-
}
|
|
733
|
-
&[color]:not([outline]){
|
|
734
|
-
background: map-get($background, card)!important;
|
|
735
|
-
}
|
|
736
|
-
}
|
|
737
|
-
|
|
738
703
|
&[outline]:not([outline="false"]) {
|
|
739
704
|
border: 0px solid currentColor;
|
|
740
705
|
background: transparent !important;
|
|
@@ -748,7 +713,21 @@ a[matcha-button] {
|
|
|
748
713
|
}
|
|
749
714
|
}
|
|
750
715
|
|
|
751
|
-
&[
|
|
716
|
+
&[basic]:not([basic="false"]){
|
|
717
|
+
background: map-get($background, card);
|
|
718
|
+
|
|
719
|
+
&[disabled] {
|
|
720
|
+
color: map-get($foreground, disabled-icon) !important;
|
|
721
|
+
}
|
|
722
|
+
&[alpha]:not([alpha="false"]){
|
|
723
|
+
background:transparent;
|
|
724
|
+
}
|
|
725
|
+
}
|
|
726
|
+
|
|
727
|
+
&[alpha]:not([alpha="false"]){
|
|
728
|
+
&[disabled] {
|
|
729
|
+
background: rgba(map-get($background, disabled), 0.2);
|
|
730
|
+
}
|
|
752
731
|
}
|
|
753
732
|
|
|
754
733
|
&[link]:not([link="false"]) {
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
input[type="number"],
|
|
15
15
|
input[type="search"],
|
|
16
16
|
textarea {
|
|
17
|
-
background-color: map-get($foreground, label);
|
|
17
|
+
// background-color: map-get($foreground, label);
|
|
18
18
|
color: var(--fg);
|
|
19
19
|
border: 0px solid #ccc;
|
|
20
20
|
}
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
input[type="number"]:focus,
|
|
28
28
|
input[type="search"]:focus,
|
|
29
29
|
textarea:focus {
|
|
30
|
-
border-color: #999;
|
|
30
|
+
// border-color: #999;
|
|
31
31
|
outline: none;
|
|
32
32
|
}
|
|
33
33
|
}
|
|
@@ -43,13 +43,13 @@
|
|
|
43
43
|
input[type="search"],
|
|
44
44
|
textarea {
|
|
45
45
|
width: 100%;
|
|
46
|
-
padding: 12px 24px;
|
|
47
|
-
border-radius: 16px;
|
|
46
|
+
// padding: 12px 24px;
|
|
47
|
+
// border-radius: 16px;
|
|
48
48
|
outline: none;
|
|
49
49
|
box-shadow: none;
|
|
50
|
-
transition: border-color 0.3s ease;
|
|
51
|
-
font-size:
|
|
52
|
-
min-height:
|
|
50
|
+
// transition: border-color 0.3s ease;
|
|
51
|
+
font-size: 16px;
|
|
52
|
+
min-height: 16px; /* Mantém a altura dos inputs de texto */
|
|
53
53
|
resize: none;
|
|
54
54
|
}
|
|
55
55
|
|