Skip to content

Commit 99617e2

Browse files
committed
refactor: using internal string.unquote function
1 parent e24260d commit 99617e2

File tree

1 file changed

+11
-8
lines changed

1 file changed

+11
-8
lines changed

source/_patterns/01-elements/buttons/button.scss

Lines changed: 11 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
@charset "utf-8";
22

3+
@use "sass:string";
34
@import "button.variables";
45

56
.elm-button {
@@ -46,7 +47,7 @@
4647
background-color: $button-brand-primary--backgroundColor;
4748

4849
&:disabled {
49-
background-color: unquote(
50+
background-color: string.unquote(
5051
$button-brand-primary--backgroundColor + "40"
5152
);
5253
}
@@ -67,7 +68,9 @@
6768
background-color: $button-primary--backgroundColor;
6869

6970
&:disabled {
70-
background-color: unquote($button-primary--backgroundColor + "40");
71+
background-color: string.unquote(
72+
$button-primary--backgroundColor + "40"
73+
);
7174
}
7275

7376
&:not(:disabled) {
@@ -90,8 +93,8 @@
9093
color: $db-color-cool-gray-700;
9194

9295
&:disabled {
93-
color: unquote($db-color-cool-gray-700 + "80");
94-
border-color: unquote($db-color-cool-gray-700 + "40");
96+
color: string.unquote($db-color-cool-gray-700 + "80");
97+
border-color: string.unquote($db-color-cool-gray-700 + "40");
9598
}
9699

97100
&:not(:disabled) {
@@ -111,8 +114,8 @@
111114
color: $db-color-cool-gray-700;
112115

113116
&:disabled {
114-
color: unquote($db-color-cool-gray-700 + "80");
115-
background-color: unquote(
117+
color: string.unquote($db-color-cool-gray-700 + "80");
118+
background-color: string.unquote(
116119
$button-secondarySolid--backgroundColor + "40"
117120
);
118121
}
@@ -135,7 +138,7 @@
135138
color: $db-color-cool-gray-700;
136139

137140
&:disabled {
138-
color: unquote($db-color-cool-gray-700 + "80");
141+
color: string.unquote($db-color-cool-gray-700 + "80");
139142
}
140143

141144
&:not(:disabled) {
@@ -214,7 +217,7 @@
214217
}
215218

216219
&:disabled {
217-
color: unquote($button---color + "80");
220+
color: string.unquote($button---color + "80");
218221
}
219222

220223
// width

0 commit comments

Comments
 (0)