Skip to content

Commit 4bee178

Browse files
robertmesserlerobertmesserle
committed
adds stylelint config settings (#590)
1 parent 89ab2f5 commit 4bee178

33 files changed

+230
-176
lines changed

‎src/components/button-toggle/button-toggle.scss

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
@import "elevation";
2-
@import "default-theme";
3-
@import "palette";
4-
@import "mixins";
1+
@import 'elevation';
2+
@import 'default-theme';
3+
@import 'palette';
4+
@import 'mixins';
55

66
$md-button-toggle-padding: 0 16px !default;
77
$md-button-toggle-line-height: 36px !default;

‎src/components/button/_button-base.scss

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11

2-
@import "variables";
3-
@import "elevation";
2+
@import 'variables';
3+
@import 'elevation';
44

55
// TODO(jelbourn): This goes away.
6-
@import "default-theme";
7-
@import "button-theme";
6+
@import 'default-theme';
7+
@import 'button-theme';
88

99
// Flat and raised button standards
1010
$md-button-padding: 0 16px !default;

‎src/components/button/button.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
// TODO(jelbourn): Measure perf benefits for translate3d and will-change.
22
// TODO(jelbourn): Figure out if anchor hover underline actually happens in any browser.
33

4-
@import "button-base";
4+
@import 'button-base';
55

66
// TODO(kara): Replace attribute selectors with class selectors when possible
77
[md-button] {
@@ -23,7 +23,7 @@
2323
}
2424

2525
[md-mini-fab] {
26-
@include md-fab($md-mini-fab-size, $md-mini-fab-padding)
26+
@include md-fab($md-mini-fab-size, $md-mini-fab-padding);
2727
}
2828

2929
[md-icon-button] {

‎src/components/card/card.scss

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11

2-
@import "variables";
3-
@import "elevation";
4-
@import "default-theme"; // TODO: Remove this
2+
@import 'variables';
3+
@import 'elevation';
4+
@import 'default-theme'; // TODO: Remove this
55

66
$md-card-default-padding: 24px !default;
77
$md-card-mobile-padding: 24px 16px !default;
@@ -215,7 +215,7 @@ md-card-header md-card-subtitle:not(:first-child) {
215215

216216
// xl image should always have 16px on top.
217217
// when it's the first el, it'll need to remove 8px from default card padding of 24px
218-
.md-card > [md-card-xl-image]:first-child{
218+
.md-card > [md-card-xl-image]:first-child {
219219
margin-top: -8px;
220220
}
221221

‎src/components/checkbox/checkbox.scss

Lines changed: 21 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
@import "default-theme";
2-
@import "theme-functions";
3-
@import "variables";
4-
@import "mixins";
1+
@import 'default-theme';
2+
@import 'theme-functions';
3+
@import 'variables';
4+
@import 'mixins';
55

66
/** The width/height of the checkbox element. */
77
$md-checkbox-size: $md-toggle-size !default;
@@ -240,7 +240,7 @@ md-checkbox {
240240
white-space: nowrap;
241241
width: $md-checkbox-size;
242242

243-
[dir="rtl"] & {
243+
[dir='rtl'] & {
244244
margin: {
245245
left: $md-checkbox-item-spacing;
246246
right: auto;
@@ -265,7 +265,7 @@ md-checkbox {
265265
.md-checkbox-background {
266266
@extend %md-checkbox-outer-box;
267267

268-
align-items: center;
268+
align-items: center;
269269
display: inline-flex;
270270
justify-content: center;
271271
transition: background-color $md-checkbox-transition-duration
@@ -310,7 +310,7 @@ md-checkbox {
310310
right: auto;
311311
}
312312

313-
[dir="rtl"] & {
313+
[dir='rtl'] & {
314314
margin: {
315315
left: auto;
316316
right: $md-checkbox-item-spacing;
@@ -331,7 +331,7 @@ md-checkbox {
331331
.md-checkbox-mixedmark {
332332
transform: scaleX(1) rotate(-45deg);
333333
}
334-
334+
335335
.md-checkbox-background {
336336
background-color: $md-checkbox-background-color;
337337
}
@@ -360,7 +360,7 @@ md-checkbox {
360360

361361
.md-checkbox-unchecked {
362362
.md-checkbox-background {
363-
background-color: transparent;
363+
background-color: transparent;
364364
}
365365
}
366366

@@ -394,72 +394,72 @@ md-checkbox {
394394

395395
&-unchecked-checked {
396396
.md-checkbox-background {
397-
animation: $md-checkbox-transition-duration * 2 linear 0s md-checkbox-fade-in-background;
397+
animation: $md-checkbox-transition-duration * 2 linear 0ms md-checkbox-fade-in-background;
398398
}
399399

400400
.md-checkbox-checkmark-path {
401401
// Instead of delaying the animation, we simply multiply its length by 2 and begin the
402402
// animation at 50% in order to prevent a flash of styles applied to a checked checkmark
403403
// as the background is fading in before the animation begins.
404404
animation:
405-
$md-checkbox-transition-duration * 2 linear 0s md-checkbox-unchecked-checked-checkmark-path;
405+
$md-checkbox-transition-duration * 2 linear 0ms md-checkbox-unchecked-checked-checkmark-path;
406406
}
407407
}
408408

409409
&-unchecked-indeterminate {
410410
.md-checkbox-background {
411-
animation: $md-checkbox-transition-duration * 2 linear 0s md-checkbox-fade-in-background;
411+
animation: $md-checkbox-transition-duration * 2 linear 0ms md-checkbox-fade-in-background;
412412
}
413413

414414
.md-checkbox-mixedmark {
415415
animation:
416-
$md-checkbox-transition-duration linear 0s md-checkbox-unchecked-indeterminate-mixedmark;
416+
$md-checkbox-transition-duration linear 0ms md-checkbox-unchecked-indeterminate-mixedmark;
417417
}
418418
}
419419

420420
&-checked-unchecked {
421421
.md-checkbox-background {
422-
animation: $md-checkbox-transition-duration * 2 linear 0s md-checkbox-fade-out-background;
422+
animation: $md-checkbox-transition-duration * 2 linear 0ms md-checkbox-fade-out-background;
423423
}
424424

425425
.md-checkbox-checkmark-path {
426426
animation:
427-
$md-checkbox-transition-duration linear 0s md-checkbox-checked-unchecked-checkmark-path;
427+
$md-checkbox-transition-duration linear 0ms md-checkbox-checked-unchecked-checkmark-path;
428428
}
429429
}
430430

431431
&-checked-indeterminate {
432432
.md-checkbox-checkmark {
433433
animation:
434-
$md-checkbox-transition-duration linear 0s md-checkbox-checked-indeterminate-checkmark;
434+
$md-checkbox-transition-duration linear 0ms md-checkbox-checked-indeterminate-checkmark;
435435
}
436436

437437
.md-checkbox-mixedmark {
438438
animation:
439-
$md-checkbox-transition-duration linear 0s md-checkbox-checked-indeterminate-mixedmark;
439+
$md-checkbox-transition-duration linear 0ms md-checkbox-checked-indeterminate-mixedmark;
440440
}
441441
}
442442

443443
&-indeterminate-checked {
444444
.md-checkbox-checkmark {
445445
animation:
446-
$indeterminate-change-duration linear 0s md-checkbox-indeterminate-checked-checkmark;
446+
$indeterminate-change-duration linear 0ms md-checkbox-indeterminate-checked-checkmark;
447447
}
448448

449449
.md-checkbox-mixedmark {
450450
animation:
451-
$indeterminate-change-duration linear 0s md-checkbox-indeterminate-checked-mixedmark;
451+
$indeterminate-change-duration linear 0ms md-checkbox-indeterminate-checked-mixedmark;
452452
}
453453
}
454454

455455
&-indeterminate-unchecked {
456456
.md-checkbox-background {
457-
animation: $md-checkbox-transition-duration * 2 linear 0s md-checkbox-fade-out-background;
457+
animation: $md-checkbox-transition-duration * 2 linear 0ms md-checkbox-fade-out-background;
458458
}
459459

460460
.md-checkbox-mixedmark {
461461
animation:
462-
$indeterminate-change-duration * 0.6 linear 0s
462+
$indeterminate-change-duration * 0.6 linear 0ms
463463
md-checkbox-indeterminate-unchecked-mixedmark;
464464
}
465465
}

‎src/components/grid-list/grid-list.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
@import "list-shared";
1+
@import 'list-shared';
22

33
/* height of tile header or footer if it has one line */
44
$md-grid-list-one-line-height: 48px;

‎src/components/icon/icon.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
@import "variables";
2-
@import "default-theme";
1+
@import 'variables';
2+
@import 'default-theme';
33

44
/** The width/height of the icon element. */
55
$md-icon-size: 24px !default;

‎src/components/input/input.scss

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -17,9 +17,9 @@ $md-input-underline-focused-color: md-color($md-primary);
1717

1818
// Gradient for showing the dashed line when the input is disabled.
1919
$md-input-underline-disabled-background-image: linear-gradient(to right,
20-
rgba(0,0,0,0.26) 0%, rgba(0,0,0,0.26) 33%, transparent 0%);
20+
rgba(0, 0, 0, 0.26) 0%, rgba(0, 0, 0, 0.26) 33%, transparent 0%);
2121

22-
/**
22+
/**
2323
* Undo the red box-shadow glow added by Firefox on invalid inputs.
2424
* See https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-ui-invalid
2525
*/
@@ -214,7 +214,7 @@ $md-input-underline-disabled-background-image: linear-gradient(to right,
214214

215215

216216
// RTL support.
217-
:host-context([dir="rtl"]) {
217+
:host-context([dir='rtl']) {
218218
text-align: right;
219219

220220
.md-input-placeholder {

‎src/components/list/list.scss

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
@import "variables";
2-
@import "default-theme";
3-
@import "list-shared";
1+
@import 'variables';
2+
@import 'default-theme';
3+
@import 'list-shared';
44

55
$md-list-side-padding: 16px;
66
$md-list-avatar-size: 40px;
@@ -99,7 +99,7 @@ based on whether the list is in dense mode.
9999
}
100100
}
101101

102-
md-list, md-nav-list {
102+
md-list, md-nav-list {
103103
padding-top: $md-list-top-padding;
104104
display: block;
105105

0 commit comments

Comments
 (0)