Skip to content

Commit 9935403

Browse files
crisbetocrisbeto
committed
build: enable style lint for docs site
Expands style linting to the docs site and resolves all the breakages.
1 parent 63b9e4b commit 9935403

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

58 files changed

+459
-446
lines changed

‎.stylelintrc.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -137,7 +137,7 @@
137137
],
138138
"linebreaks": "unix",
139139
"selector-class-pattern": [
140-
"^_?(mat-|cdk-|example-|demo-|ng-|mdc-|map-|test-|youtube-player-)",
140+
"^_?(mat-|cdk-|example-|demo-|ng-|mdc-|map-|test-|youtube-player-|docs-|scene-|hljs)",
141141
{
142142
"resolveNestedSelectors": true
143143
}

‎docs/scenes/src/app/scenes/core/core-scene.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,3 @@
1-
<div class="core-icon">
1+
<div class="scene-core-icon">
22
<mat-icon>settings</mat-icon>
33
</div>

‎docs/scenes/src/app/scenes/core/core-scene.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
.core-icon {
1+
.scene-core-icon {
22
display: flex;
33
transform: scale(3);
44
}

‎docs/scenes/src/app/scenes/datepicker/datepicker-scene.html‎

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,8 @@
1-
<div class="calendar-wrapper">
1+
<div class="docs-calendar-wrapper">
22
<mat-calendar
3-
class="calendar"
3+
class="docs-calendar"
44
[minDate]="minDate"
55
[maxDate]="maxDate"
6-
[selected]="selectedDate"
7-
>
6+
[selected]="selectedDate">
87
</mat-calendar>
98
</div>

‎docs/scenes/src/app/scenes/datepicker/datepicker-scene.scss‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
1-
.calendar {
1+
.docs-calendar {
22
margin-top: 140px;
33
background: rgba(white, 0.8);
44
}
55

6-
.calendar-wrapper {
6+
.docs-calendar-wrapper {
77
display: flex;
88

99
mat-calendar {

‎docs/scenes/src/app/scenes/grid-list/grid-list-scene.scss‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,5 +7,7 @@ app-grid-list-scene {
77
mat-grid-tile {
88
box-sizing: border-box;
99
padding: 3px;
10+
11+
// stylelint-disable-next-line material/no-prefixes
1012
background-clip: content-box !important;
1113
}

‎docs/scenes/src/app/scenes/icon/icon-scene.html‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
<div class="docs-icon-scene-wrapper">
2-
<mat-icon class="docs-icon-scene-icon backup">backup</mat-icon>
3-
<mat-icon class="docs-icon-scene-icon cast">cast</mat-icon>
4-
<mat-icon class="docs-icon-scene-icon bug">bug_report</mat-icon>
2+
<mat-icon class="docs-icon-scene-icon scene-backup">backup</mat-icon>
3+
<mat-icon class="docs-icon-scene-icon scene-cast">cast</mat-icon>
4+
<mat-icon class="docs-icon-scene-icon scene-bug">bug_report</mat-icon>
55
</div>
66
<div class="docs-icon-scene-wrapper">
7-
<mat-icon class="docs-icon-scene-icon insights">insights</mat-icon>
8-
<mat-icon class="docs-icon-scene-icon pets">pets</mat-icon>
9-
<mat-icon class="docs-icon-scene-icon verified">verified</mat-icon>
7+
<mat-icon class="docs-icon-scene-icon scene-insights">insights</mat-icon>
8+
<mat-icon class="docs-icon-scene-icon scene-pets">pets</mat-icon>
9+
<mat-icon class="docs-icon-scene-icon scene-verified">verified</mat-icon>
1010
</div>

‎docs/scenes/src/app/scenes/icon/icon-scene.scss‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -2,22 +2,22 @@
22
margin: 5px;
33
}
44

5-
.backup {
5+
.scene-backup {
66
color: #c11;
77
}
88

9-
.cast {
9+
.scene-cast {
1010
color: #f77;
1111
}
1212

13-
.insights {
13+
.scene-insights {
1414
color: #e66;
1515
}
1616

17-
.pets {
17+
.scene-pets {
1818
color: #f11;
1919
}
2020

21-
.verified {
21+
.scene-verified {
2222
color: #d66;
2323
}

‎docs/scenes/src/app/scenes/input/input-scene.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
.scene-inputs {
66
margin-top: 15px;
77
width: 250px;
8-
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
8+
99
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
1010
opacity: 0.5;
1111
}

‎docs/scenes/src/app/scenes/placeholder/placeholder-scene.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,3 @@
1-
<div class="circle-big"></div>
2-
<div class="circle-small"></div>
3-
<div class="half-circle"></div>
1+
<div class="scene-circle-big"></div>
2+
<div class="scene-circle-small"></div>
3+
<div class="scene-half-circle"></div>

0 commit comments

Comments
 (0)