Skip to content

Commit 81641e6

Browse files
author
Ryan A. Johnson
committed
style: fix linting errors
1 parent 3de2b3f commit 81641e6

File tree

28 files changed

+116
-87
lines changed

28 files changed

+116
-87
lines changed

‎src/elements/_has-arrow.scss‎

Lines changed: 50 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ $arrow-box-side: 13px;
1515
// Calculate long side (i.e., the hypotenuse of the arrow container)
1616
//$arrow-hypotenuse: sqrt(2 * $arrow-box-side * $arrow-box-side); // 18.3848px
1717
// sqrt(2 * boxSide * boxSide) = sqrt(2 * 13 * 13) = sqrt(338) = 18.3848px
18-
$arrow-hypotenuse: 18.3848px;
18+
$arrow-hypotenuse: 18.385px;
1919

2020
// Calculate height of arrow from base to tip
2121
// floor(9.1925) => 9px
@@ -81,7 +81,7 @@ $border-width: 1px;
8181
}
8282

8383
@include __arrowChildren {
84-
content: '';
84+
content: "";
8585
display: block;
8686
height: $arrow-box-side;
8787
position: absolute;
@@ -99,11 +99,12 @@ $border-width: 1px;
9999
}
100100

101101
@include __arrowBody {
102-
background-image: linear-gradient(
103-
to bottom left,
104-
transparent 50%,
105-
var(--hxBackgroundColor, $gray-0) 50%
106-
);
102+
background-image:
103+
linear-gradient(
104+
to bottom left,
105+
transparent 50%,
106+
var(--hxBackgroundColor, $gray-0) 50%
107+
);
107108
}
108109
}
109110

@@ -124,11 +125,12 @@ $border-width: 1px;
124125

125126
&[position="top-left"] {
126127
@include __arrowBody {
127-
background-image: linear-gradient(
128-
to bottom right,
129-
transparent 50%,
130-
var(--hxBackgroundColor, $gray-0) 50%
131-
);
128+
background-image:
129+
linear-gradient(
130+
to bottom right,
131+
transparent 50%,
132+
var(--hxBackgroundColor, $gray-0) 50%
133+
);
132134
}
133135
@include __arrowShadow(right);
134136
@include __arrowChildren--rotated(45deg, bottom right) {
@@ -147,11 +149,12 @@ $border-width: 1px;
147149
}
148150

149151
@include __arrowBody {
150-
background-image: linear-gradient(
151-
to top left,
152-
transparent 50%,
153-
var(--hxBackgroundColor, $gray-0) 50%
154-
);
152+
background-image:
153+
linear-gradient(
154+
to top left,
155+
transparent 50%,
156+
var(--hxBackgroundColor, $gray-0) 50%
157+
);
155158
}
156159
}
157160

@@ -172,11 +175,12 @@ $border-width: 1px;
172175

173176
&[position="right-top"] {
174177
@include __arrowBody {
175-
background-image: linear-gradient(
176-
to bottom left,
177-
transparent 50%,
178-
var(--hxBackgroundColor, $gray-0) 50%
179-
);
178+
background-image:
179+
linear-gradient(
180+
to bottom left,
181+
transparent 50%,
182+
var(--hxBackgroundColor, $gray-0) 50%
183+
);
180184
}
181185
@include __arrowShadow(right);
182186
@include __arrowChildren--rotated(45deg, bottom left) {
@@ -195,11 +199,12 @@ $border-width: 1px;
195199
}
196200

197201
@include __arrowBody {
198-
background-image: linear-gradient(
199-
to top left,
200-
transparent 50%,
201-
var(--hxBackgroundColor, $gray-0) 50%
202-
);
202+
background-image:
203+
linear-gradient(
204+
to top left,
205+
transparent 50%,
206+
var(--hxBackgroundColor, $gray-0) 50%
207+
);
203208
}
204209
}
205210

@@ -218,11 +223,12 @@ $border-width: 1px;
218223

219224
&[position="bottom-left"] {
220225
@include __arrowBody {
221-
background-image: linear-gradient(
222-
to top right,
223-
transparent 50%,
224-
var(--hxBackgroundColor, $gray-0) 50%
225-
);
226+
background-image:
227+
linear-gradient(
228+
to top right,
229+
transparent 50%,
230+
var(--hxBackgroundColor, $gray-0) 50%
231+
);
226232
}
227233
@include __arrowChildren--rotated(-45deg, top right) {
228234
right: $arrow-offset;
@@ -240,11 +246,12 @@ $border-width: 1px;
240246
}
241247

242248
@include __arrowBody {
243-
background-image: linear-gradient(
244-
to top right,
245-
transparent 50%,
246-
var(--hxBackgroundColor, $gray-0) 50%
247-
);
249+
background-image:
250+
linear-gradient(
251+
to top right,
252+
transparent 50%,
253+
var(--hxBackgroundColor, $gray-0) 50%
254+
);
248255
}
249256
}
250257

@@ -265,11 +272,12 @@ $border-width: 1px;
265272

266273
&[position="left-top"] {
267274
@include __arrowBody {
268-
background-image: linear-gradient(
269-
to bottom right,
270-
transparent 50%,
271-
var(--hxBackgroundColor, $gray-0) 50%
272-
);
275+
background-image:
276+
linear-gradient(
277+
to bottom right,
278+
transparent 50%,
279+
var(--hxBackgroundColor, $gray-0) 50%
280+
);
273281
}
274282
@include __arrowShadow(left);
275283
@include __arrowChildren--rotated(-45deg, bottom right) {

‎src/elements/hx-checkbox/_shadow.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
align-items: center;
55
display: grid;
66
font-size: 10px;
7-
grid-template-areas: 'icon';
7+
grid-template-areas: "icon";
88
height: 100%;
99
justify-content: center;
1010
width: 100%;

‎src/elements/hx-div/_shadow.scss‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,12 +6,10 @@
66
@supports (--skip-ie: true) {
77
:host {
88
--hxPadding--base: 0;
9-
109
--hxPaddingTop: var(--hxPadding--base);
1110
--hxPaddingRight: var(--hxPadding--base);
1211
--hxPaddingBottom: var(--hxPadding--base);
1312
--hxPaddingLeft: var(--hxPadding--base);
14-
1513
--hxPadding:
1614
var(--hxPaddingTop)
1715
var(--hxPaddingRight)

‎src/elements/hx-drawer/_shadow.scss‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@
77
// define Shadow DOM styles
88
#hxClose {
99
@include button-reset;
10+
1011
color: var(--hxClose-color, $gray-700);
1112
font-size: 1rem;
1213
height: 2.75rem; // 44px for a11y
@@ -61,6 +62,7 @@
6162
transition-duration: 0.17s;
6263
width: 26rem;
6364
}
65+
6466
:host([open]) #hxDrawer {
6567
transition-duration: 0.33s;
6668
}
@@ -70,6 +72,7 @@
7072
transition-duration: 0.1s;
7173
width: 15rem;
7274
}
75+
7376
:host(.hxSm[open]) #hxDrawer {
7477
transition-duration: 0.2s;
7578
}
@@ -79,6 +82,7 @@
7982
transition-duration: 0.2s;
8083
width: 31rem;
8184
}
85+
8286
:host(.hxLg[open]) #hxDrawer {
8387
transition-duration: 0.4s;
8488
}
@@ -90,6 +94,7 @@
9094
transition-duration: 0.18s;
9195
width: 28rem;
9296
}
97+
9398
:host([open]) #hxDrawer {
9499
transition-duration: 0.36s;
95100
}
@@ -99,6 +104,7 @@
99104
transition-duration: 0.11s;
100105
width: 17rem;
101106
}
107+
102108
:host(.hxSm[open]) #hxDrawer {
103109
transition-duration: 0.22s;
104110
}
@@ -108,6 +114,7 @@
108114
transition-duration: 0.21s;
109115
width: 33rem;
110116
}
117+
111118
:host(.hxLg[open]) #hxDrawer {
112119
transition-duration: 0.42s;
113120
}
@@ -119,6 +126,7 @@
119126
transition-duration: 0.19s;
120127
width: 30rem;
121128
}
129+
122130
:host([open]) #hxDrawer {
123131
transition-duration: 0.38s;
124132
}
@@ -128,6 +136,7 @@
128136
transition-duration: 0.12s;
129137
width: 19rem;
130138
}
139+
131140
:host(.hxSm[open]) #hxDrawer {
132141
transition-duration: 0.24s;
133142
}
@@ -137,6 +146,7 @@
137146
transition-duration: 0.22s;
138147
width: 35rem;
139148
}
149+
140150
:host(.hxLg[open]) #hxDrawer {
141151
transition-duration: 0.45s;
142152
}
@@ -148,6 +158,7 @@
148158
transition-duration: 0.2s;
149159
width: 32rem;
150160
}
161+
151162
:host([open]) #hxDrawer {
152163
transition-duration: 0.41s;
153164
}
@@ -157,6 +168,7 @@
157168
transition-duration: 0.13s;
158169
width: 21rem;
159170
}
171+
160172
:host(.hxSm[open]) #hxDrawer {
161173
transition-duration: 0.27s;
162174
}
@@ -166,6 +178,7 @@
166178
transition-duration: 0.24s;
167179
width: 37rem;
168180
}
181+
169182
:host(.hxLg[open]) #hxDrawer {
170183
transition-duration: 0.47s;
171184
}

‎src/elements/hx-modal/_shadow.scss‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,8 @@
1717
}
1818

1919
#hxModal {
20-
$box-shadow: 0px 7px 9px 0 rgba($gray-1000, 0.3);
20+
$box-shadow: 0 7px 9px 0 rgba($gray-1000, 0.3);
21+
2122
background-color: var(--hxBackgroundColor, $gray-0);
2223
box-shadow: var(--hxBoxShadow, $box-shadow);
2324
display: flex;
@@ -41,6 +42,7 @@
4142

4243
#hxClose {
4344
@include button-reset;
45+
4446
color: var(--hxClose-color, $gray-700);
4547
height: 1rem;
4648
position: absolute;

‎src/elements/hx-pill/_shadow.scss‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,7 @@
1616

1717
#hxDismiss {
1818
@include button-reset;
19+
1920
align-items: center;
2021
color: var(--hxDismiss-color, $gray-600);
2122
display: inline-flex;

‎src/elements/hx-search/_shadow.scss‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -17,10 +17,9 @@ input::-ms-clear {
1717
-ms-grid-column-align: start;
1818
-ms-grid-columns: 2rem 1fr;
1919
-ms-grid-rows: 1fr;
20-
display: -ms-grid;
21-
2220
align-items: center;
23-
display: grid;
21+
display: -ms-grid; // Legacy (IE)
22+
display: grid; // Modern
2423
grid-template-columns: 2rem 1fr;
2524
height: 100%;
2625
}

‎src/elements/hx-select/_shadow.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
#hxSelect {
1616
box-sizing: border-box;
1717
display: grid;
18-
grid-template-areas: '. trigger';
18+
grid-template-areas: ". trigger";
1919
grid-template-columns: auto 2.5rem;
2020
height: 100%;
2121
width: 100%;

‎src/elements/hx-toast/_shadow.scss‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,7 @@ button {
1212

1313
#hxToast {
1414
@include box-size(sm);
15+
1516
display: flex;
1617
}
1718

@@ -44,6 +45,7 @@ button {
4445
// NOTE: button-tertiary is bringing in more than necessary, but it won't be
4546
// an issue once we refactor Toast to define CTA elements in Light DOM.
4647
@include button-tertiary;
48+
4749
text-transform: uppercase;
4850

4951
&:empty {

‎src/scss/_config.scss‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,7 @@
1515
0% {
1616
transform: rotate(0deg);
1717
}
18+
1819
100% {
1920
transform: rotate(360deg);
2021
}

0 commit comments

Comments
 (0)