Skip to content

Commit 407fd6a

Browse files
smorimotosmorimoto
committed
Fix all stylelint errors (mostly automatic)
Signed-off-by: Sora Morimoto <[email protected]>
1 parent 9f22530 commit 407fd6a

15 files changed

+284
-174
lines changed

‎_includes/proposals.html

+6-6
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ <h3>{{ proposals["title"] }}</h3>
1818
<ul class="featurelist__legend__tags">
1919
<li>
2020
{{ proposals["how-to-read"]["tags"]["last-presented"] }}:
21-
<div class="featurelist__item__presented featurelist__item__tag">
21+
<div class="featurelist__item__presented featurelist-item-tag">
2222
<a
2323
href="{{ presentation.url }}"
2424
title='{{ proposals["last-presented-alt"] }}'
@@ -29,15 +29,15 @@ <h3>{{ proposals["title"] }}</h3>
2929
</li>
3030
<li>
3131
{{ proposals["how-to-read"]["tags"]["tests"] }}:
32-
<div class="featurelist__item__tests featurelist__item__tag">
32+
<div class="featurelist__item__tests featurelist-item-tag">
3333
<a title='{{ proposals["tests-alt"] }}'>
3434
{{ proposals["tests"] }}
3535
</a>
3636
</div>
3737
</li>
3838
<li>
3939
{{ proposals["how-to-read"]["tags"]["spec"] }}:
40-
<div class="featurelist__item__spec featurelist__item__tag">
40+
<div class="featurelist__item__spec featurelist-item-tag">
4141
<a title='{{ proposals["specification-alt"] }}'>
4242
{{ proposals["specification"] }}
4343
</a>
@@ -61,7 +61,7 @@ <h4 class="featurelist__item__title flex-grow">
6161
<ul class="featurelist__item__status featurelist__item__tags">
6262
<!-- {% if proposal[1].presented | size %} {% for
6363
presentation in proposal[1].presented %}
64-
<li class="featurelist__item__presented featurelist__item__tag">
64+
<li class="featurelist__item__presented featurelist-item-tag">
6565
{%- if presentation.url -%}
6666
<a
6767
href="{{ presentation.url }}"
@@ -78,13 +78,13 @@ <h4 class="featurelist__item__title flex-grow">
7878
</li>
7979
{% endfor %} {% endif %} -->
8080
{% if proposal.tests | size %} {% for url in proposal.tests %}
81-
<li class="featurelist__item__tests featurelist__item__tag">
81+
<li class="featurelist__item__tests featurelist-item-tag">
8282
<a href="{{ url }}" title='{{ proposals["test-alt"] }}'>
8383
{{ proposals["tests"] }}
8484
</a>
8585
</li>
8686
{% endfor %} {% endif %} {% if proposal['has-specification'] %}
87-
<li class="featurelist__item__spec featurelist__item__tag">
87+
<li class="featurelist__item__spec featurelist-item-tag">
8888
<a
8989
href="https://tc39.es/{{ proposal.id }}"
9090
title='{{ proposals["specification-alt"] }}'

‎_sass/_a11y.scss

+6-7
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,23 @@
11
.sr-only {
2-
clip: rect(1px, 1px, 1px, 1px);
3-
clip-path: inset(100%);
2+
position: absolute;
3+
width: 1px;
44
height: 1px;
55
overflow: hidden;
6-
position: absolute;
6+
clip: rect(1px, 1px, 1px, 1px);
7+
clip-path: inset(100%);
78
white-space: nowrap;
8-
width: 1px;
99
}
1010

1111
:focus {
12-
outline-offset: 0.125rem;
13-
outline-style: solid;
1412
outline-width: 0.125rem;
13+
outline-style: solid;
14+
outline-offset: 0.125rem;
1515
}
1616

1717
.logo-box a:focus {
1818
outline-color: $color-nav;
1919
}
2020

21-
.featurelist__item__tag,
2221
.submenu {
2322
:focus {
2423
outline: 0;

‎_sass/_content.scss

+15-10
Original file line numberDiff line numberDiff line change
@@ -1,27 +1,31 @@
11
.main-content {
2-
font-size: 1rem;
32
padding: 50px 0;
3+
font-size: 1rem;
4+
45
h1,
56
h2,
67
h3,
78
h4,
89
h5,
910
h6 {
10-
color: $color-text;
1111
font-weight: $font-weight-semi-bold;
12+
color: $color-text;
1213
}
14+
1315
h3 {
14-
background-color: $color-primary;
15-
color: white;
16-
margin-left: -15px;
17-
margin-right: -15px;
1816
padding: 10px 15px;
17+
margin-right: -15px;
18+
margin-left: -15px;
19+
color: white;
20+
background-color: $color-primary;
1921
}
22+
2023
.section-headline {
24+
margin-top: 0;
2125
font-size: 2rem;
2226
font-weight: $font-weight-semi-bold;
23-
margin-top: 0;
2427
}
28+
2529
p {
2630
margin: 0 0 $spacing-paragraph;
2731
}
@@ -33,19 +37,20 @@
3337
}
3438

3539
h3 {
36-
margin-left: -40px;
37-
margin-right: -40px;
3840
padding: 10px 40px;
41+
margin-right: -40px;
42+
margin-left: -40px;
3943
}
44+
4045
.intro {
4146
text-align: center;
4247
}
4348
}
4449
}
4550

4651
a {
47-
color: $color-link;
4852
font-weight: $font-weight-semi-bold;
53+
color: $color-link;
4954
}
5055

5156
.text-end {

‎_sass/_featurelist.scss

+65-37
Original file line numberDiff line numberDiff line change
@@ -1,93 +1,103 @@
11
.featurelist {
22
&__item {
3+
padding: 0 1rem;
4+
margin-bottom: 1.125rem;
5+
font-size: 0.9em;
36
background-color: white;
47
border-bottom: 1px solid $color-spacer;
5-
font-size: 0.9em;
6-
margin-bottom: 1.125rem;
7-
padding: 0 1rem 0 1rem;
8+
89
&__info {
910
max-height: 0;
1011
overflow: hidden;
1112
transition: max-height 600ms ease;
1213
}
14+
1315
&__tags {
1416
flex-shrink: 0;
1517
}
18+
1619
&__tag {
1720
display: inline-block;
1821
font-size: 0.8rem;
1922

2023
a {
21-
color: white;
22-
margin-top: 0.5rem;
23-
opacity: 1;
24-
padding-left: 0.5rem;
2524
padding-right: 0.5rem;
25+
padding-left: 0.5rem;
26+
margin-top: 0.5rem;
27+
color: white;
2628
text-decoration: none;
2729
word-break: break-all;
30+
opacity: 1;
2831

2932
&:hover {
3033
background-color: transparent;
3134
}
35+
3236
&:focus {
3337
background-color: transparent;
3438
}
3539
}
3640

3741
span {
42+
padding-right: 0.5rem;
43+
padding-left: 0.5rem;
44+
margin-top: 0.5rem;
45+
font-weight: 550;
46+
color: white;
3847
background-color: $color-dim-gray;
3948
border: 2px solid $color-dim-gray;
4049
border-radius: 10px;
41-
color: white;
42-
font-weight: 550;
43-
margin-top: 0.5rem;
44-
padding-left: 0.5rem;
45-
padding-right: 0.5rem;
4650
}
4751
}
4852
/* stylelint-disable-next-line no-descending-specificity */
4953
&__translation a {
5054
background-color: $tag-translation;
5155
border: 2px solid $tag-translation;
5256
border-radius: 10px;
57+
5358
&:focus {
5459
color: $tag-translation;
5560
}
61+
5662
&:hover {
5763
color: $tag-translation;
5864
}
5965
}
66+
6067
&__status {
61-
clear: both;
6268
float: left;
63-
list-style: none;
64-
margin-top: 0;
6569
padding: 0;
70+
margin-top: 0;
71+
clear: both;
72+
list-style: none;
6673
@media (min-width: $bp-tablet) {
67-
clear: none;
6874
float: right;
69-
margin-top: 0.5rem;
7075
padding: 0 5px;
76+
margin-top: 0.5rem;
77+
clear: none;
7178
}
7279
}
80+
7381
h4 {
7482
display: inline-block;
7583
float: left;
76-
font-size: 1.6em;
77-
margin-bottom: 0.5em;
78-
margin-top: 1em;
79-
padding-bottom: 0;
8084
padding-top: 0;
85+
padding-bottom: 0;
86+
margin-top: 1em;
87+
margin-bottom: 0.5em;
88+
font-size: 1.6em;
8189
word-wrap: anywhere;
8290
}
8391
/* stylelint-disable-next-line no-descending-specificity */
8492
&__tests a {
8593
background-color: $tag-tests;
8694
border: 2px solid $tag-tests;
8795
border-radius: 10px;
96+
8897
&:focus {
8998
color: $tag-tests;
9099
}
100+
91101
&:hover {
92102
color: $tag-tests;
93103
}
@@ -97,9 +107,11 @@
97107
background-color: $tag-spec;
98108
border: 2px solid $tag-spec;
99109
border-radius: 10px;
110+
100111
&:focus {
101112
color: $tag-spec;
102113
}
114+
103115
&:hover {
104116
color: $tag-spec;
105117
}
@@ -109,84 +121,100 @@
109121
background-color: $tag-presented;
110122
border: 2px solid $tag-presented;
111123
border-radius: 10px;
124+
112125
&:focus {
113126
color: $tag-presented;
114127
}
128+
115129
&:hover {
116130
color: $tag-presented;
117131
}
118132
}
133+
119134
.no-js &:focus-within &__info {
120135
max-height: none;
121136
}
137+
122138
.no-js &:focus-within &__intro h4::after {
123139
transform: rotateX(180deg);
124140
}
141+
125142
&__desc {
126-
clear: both;
127143
display: block;
128-
margin: 1em 0 1em 0;
129144
padding: 0;
145+
margin: 1em 0;
146+
clear: both;
130147
}
148+
131149
&__author {
150+
padding-top: 0;
151+
margin: 0;
132152
clear: both;
133-
color: grey;
134153
font-weight: 800;
135-
margin: 0;
136-
padding-top: 0;
154+
color: grey;
137155
}
156+
138157
&__example {
139-
cursor: pointer;
140158
display: inline-block;
141-
font-weight: 800;
142159
margin-bottom: 1rem;
160+
font-weight: 800;
143161
text-decoration: underline;
162+
cursor: pointer;
163+
144164
&::before {
145-
background: url(../img/menu-down.svg) no-repeat 20%;
146-
background-size: 1.2rem;
147-
content: '';
148165
display: block;
149166
float: right;
167+
width: 1.2rem;
150168
height: 1.2em;
151169
margin-left: 0.5rem;
170+
content: '';
171+
background: url('../img/menu-down.svg') no-repeat 20%;
172+
background-size: 1.2rem;
152173
transition: transform 600ms ease;
153-
width: 1.2rem;
174+
154175
.open & {
155176
transform: rotateX(180deg);
156177
}
178+
157179
[dir='rtl'] & {
158180
float: left;
159-
margin-left: 0;
160181
margin-right: 0.5rem;
182+
margin-left: 0;
161183
}
162184
}
163185
}
164186
}
187+
165188
&__legend {
166189
display: block;
167-
font-size: 1.1em;
168190
margin-bottom: 4.5em;
191+
font-size: 1.1em;
192+
169193
p {
170194
margin-top: 1em;
171195
}
196+
172197
&__tags {
173-
list-style: none;
174198
padding: 0;
199+
list-style: none;
175200
@media (min-width: $bp-tablet) {
176201
padding-inline-start: 2em;
177202
}
178203
}
179204
}
205+
180206
&__desc {
181207
display: block;
182-
font-size: 1.1em;
183-
margin-bottom: 1.5em;
184208
margin-top: 2em;
209+
margin-bottom: 1.5em;
210+
font-size: 1.1em;
185211
}
212+
186213
&__more {
187214
text-align: center;
188215
}
189216
}
217+
190218
details summary {
191219
cursor: pointer;
192220
}

0 commit comments

Comments
 (0)