Skip to content

Commit 67d95ae

Browse files
GaryJonesclaude
GaryJones
and
claude
committed
style: auto-fix stylelint errors
Applies automatic stylelint fixes to SCSS files to comply with @wordpress/stylelint-config standards. Changes are purely formatting/style fixes including: - Comment formatting - Spacing and indentation - Semicolons and syntax cleanup Run with: npm run lint:css -- --fix Remaining 33 errors require manual fixes (lighten/darken functions, selector specificity issues) and will be addressed in future PRs. Ref #700 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <[email protected]>
1 parent f1907be commit 67d95ae

25 files changed

+791
-768
lines changed

‎src/styles/amp.scss‎

Lines changed: 118 additions & 113 deletions
Original file line numberDiff line numberDiff line change
@@ -11,234 +11,239 @@
1111
* Entries
1212
*/
1313
.liveblog-entry {
14-
display: flex;
15-
background: $color-grey-x-light;
16-
border-top: 2px solid $color-grey-mid-light;
17-
border-bottom: 2px solid $color-grey-mid-light;
18-
padding: 1em;
19-
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
14+
display: flex;
15+
background: $color-grey-x-light;
16+
border-top: 2px solid $color-grey-mid-light;
17+
border-bottom: 2px solid $color-grey-mid-light;
18+
padding: 1em;
19+
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
2020
}
2121

2222
.liveblog-entry {
23-
@include mq($until: medium) {
24-
font-size: 14px;
25-
}
23+
24+
@include mq($until: medium) {
25+
font-size: 14px;
26+
}
2627
}
2728

2829
.liveblog-entry-main .liveblog-entry-content p {
29-
margin: 16px 0;
30+
margin: 16px 0;
3031
}
3132

32-
.liveblog-entry a, .liveblog-entry a:visited {
33-
color: $color-grey-dark;
33+
.liveblog-entry a,
34+
.liveblog-entry a:visited {
35+
color: $color-grey-dark;
3436
}
3537

3638
.liveblog-entry-main {
37-
flex-grow: 1;
39+
flex-grow: 1;
3840
}
3941

4042
.liveblog-entry.is-key-event {
41-
border-top: 2px solid $color-grey-x-dark;
43+
border-top: 2px solid $color-grey-x-dark;
4244
}
4345

4446
.liveblog-entry-edit {
45-
margin-left: 60px;
47+
margin-left: 60px;
4648

47-
@include mq($until: medium) {
48-
margin-left: 0;
49-
}
49+
@include mq($until: medium) {
50+
margin-left: 0;
51+
}
5052
}
5153

5254
.liveblog-entry-content {
53-
padding-top: 10px;
55+
padding-top: 10px;
5456
}
5557

5658
.liveblog-meta {
57-
color: $color-grey-base;
59+
color: $color-grey-base;
5860
}
5961

6062
.liveblog-entry-aside {
61-
flex-basis: 70px;
62-
min-width: 70px;
63-
margin-right: 10px;
63+
flex-basis: 70px;
64+
min-width: 70px;
65+
margin-right: 10px;
6466
}
6567

6668
.liveblog-meta-time {
67-
flex-basis: 60px;
68-
text-decoration: none;
69+
flex-basis: 60px;
70+
text-decoration: none;
6971
}
7072

7173
.entry-content .liveblog-meta-time,
7274
.entry-content .liveblog-meta-time:hover,
7375
.entry-content .liveblog-meta-time:focus {
74-
-webkit-box-shadow: none;
75-
box-shadow: none;
76+
-webkit-box-shadow: none;
77+
box-shadow: none;
7678
}
7779

7880
.liveblog-meta-time span {
79-
font-size: 10px;
80-
line-height: 12px;
81+
font-size: 10px;
82+
line-height: 12px;
8183
}
8284

8385
.liveblog-meta-time span:first-child {
84-
font-weight: 600;
85-
color: #333;
86-
margin-bottom: 5px;
86+
font-weight: 600;
87+
color: #333;
88+
margin-bottom: 5px;
8789
}
8890

8991
.liveblog-meta-time span {
90-
font-size: 10px;
91-
line-height: 12px;
92+
font-size: 10px;
93+
line-height: 12px;
9294
}
9395

9496
.liveblog-meta-time span:first-child {
95-
font-weight: 600;
96-
color: $color-grey-dark;
97-
margin-bottom: 5px;
97+
font-weight: 600;
98+
color: $color-grey-dark;
99+
margin-bottom: 5px;
98100
}
99101

100102
.liveblog-meta-author-name {
101-
font-size: 13px;
102-
margin-left: 8px;
103+
font-size: 13px;
104+
margin-left: 8px;
103105
}
104106

105107
.liveblog-meta-author-avatar {
106-
border-radius: 50%;
107-
overflow: hidden;
108-
width: 30px;
109-
height: 30px;
108+
border-radius: 50%;
109+
overflow: hidden;
110+
width: 30px;
111+
height: 30px;
110112
}
111113

112114
.liveblog-entry-tools {
113-
margin-left: 60px;
115+
margin-left: 60px;
114116

115-
@include mq($until: medium) {
116-
margin-left: 0;
117-
}
117+
@include mq($until: medium) {
118+
margin-left: 0;
119+
}
118120
}
119121

120122
.liveblog-hash {
121-
color: $color-primary;
123+
color: $color-primary;
122124
}
123125

124126
/**
125127
* Events
126128
*/
127129
.liveblog-event {
128-
padding-bottom: 1rem;
129-
padding-left: 1rem;
130+
padding-bottom: 1rem;
131+
padding-left: 1rem;
130132
}
131133

132134
.liveblog-event::before,
133135
.liveblog-event:only-child::before, {
134-
content: "";
135-
position: absolute;
136-
z-index: 1;
137-
left: -4.5px;
138-
width: 10px;
139-
height: 10px;
140-
background: $color-grey-light;
141-
border-radius: 50%;
142-
transition: background .3s ease-in-out;
136+
content: "";
137+
position: absolute;
138+
z-index: 1;
139+
left: -4.5px;
140+
width: 10px;
141+
height: 10px;
142+
background: $color-grey-light;
143+
border-radius: 50%;
144+
transition: background 0.3s ease-in-out;
143145
}
144146

145147
.liveblog-event::after {
146-
content: "";
147-
position: absolute;
148-
z-index: 0;
149-
left: 0;
150-
height: 100%;
151-
width: 1px;
152-
background: $color-grey-light;
148+
content: "";
149+
position: absolute;
150+
z-index: 0;
151+
left: 0;
152+
height: 100%;
153+
width: 1px;
154+
background: $color-grey-light;
153155
}
154156

155157
.liveblog-event::before,
156158
.liveblog-event::after {
157-
top: 10px;
159+
top: 10px;
158160
}
159161

160162
.liveblog-event:only-child::after {
161-
display: none;
163+
display: none;
162164
}
163165

164166
.liveblog-event:not(:only-child):first-child::before,
165167
.liveblog-event:not(:only-child):last-child::before {
166-
height: 1px;
167-
border-radius: 0%;
168+
height: 1px;
169+
border-radius: 0%;
168170
}
169171

170172
.liveblog-event:not(:only-child):last-child::after {
171-
display: none;
173+
display: none;
172174
}
173175

174176
.liveblog-event:hover::before {
175-
background: $color-grey-dark;
176-
transition: background .3s ease-in-out;
177+
background: $color-grey-dark;
178+
transition: background 0.3s ease-in-out;
177179
}
178180

179181
.liveblog-event-content {
180-
margin-top: 5px;
181-
font-weight: 600;
182-
font-size: 14px;
182+
margin-top: 5px;
183+
font-weight: 600;
184+
font-size: 14px;
183185
}
184186

185187
/**
186188
* Pagination
187189
*/
188190
.liveblog-pagination-first,
189191
.liveblog-pagination-last {
190-
background: $color-grey-mid-light;
191-
color: $color-grey-x-dark;
192+
background: $color-grey-mid-light;
193+
color: $color-grey-x-dark;
192194
}
193195

194196
.liveblog-pagination-pages {
195-
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
197+
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
196198
}
197199

198-
.liveblog-pagination-btn, .ampstart-btn {
199-
background-color: $color-grey-x-dark;
200-
border: 0;
201-
border-radius: 2px;
202-
box-shadow: none;
203-
color: white;
204-
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
205-
cursor: pointer;
206-
display: inline-block;
207-
font-size: 14px;
208-
line-height: 1;
209-
padding: .5rem 1rem;
210-
211-
&:hover {
212-
color: white;
213-
background: $color-grey-dark;
214-
}
215-
216-
&:visited {
217-
color: white;
218-
}
200+
.liveblog-pagination-btn,
201+
.ampstart-btn {
202+
background-color: $color-grey-x-dark;
203+
border: 0;
204+
border-radius: 2px;
205+
box-shadow: none;
206+
color: white;
207+
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
208+
cursor: pointer;
209+
display: inline-block;
210+
font-size: 14px;
211+
line-height: 1;
212+
padding: 0.5rem 1rem;
213+
214+
&:hover {
215+
color: white;
216+
background: $color-grey-dark;
217+
}
218+
219+
&:visited {
220+
color: white;
221+
}
219222
}
220223

221224
.ampstart-btn {
222-
color: #fff;
223-
background: $color-primary;
224-
font-size: 16px;
225-
border-radius: 50px;
226-
margin-left: auto;
227-
margin-right: auto;
228-
margin-bottom: 15px;
225+
color: #fff;
226+
background: $color-primary;
227+
font-size: 16px;
228+
border-radius: 50px;
229+
margin-left: auto;
230+
margin-right: auto;
231+
margin-bottom: 15px;
229232

230-
&:hover {
231-
background: lighten($color-primary, 10%);
232-
}
233+
&:hover {
234+
background: lighten($color-primary, 10%);
235+
}
233236
}
234237

235238
.live-list .ampstart-btn {
236-
display: none;
239+
display: none;
237240
}
238241

239242
/**
240243
* Embeds
241244
*/
242-
.liveblog-entry amp-youtube, .liveblog-entry amp-instagram, .liveblog-entry amp-vine {
243-
margin: 0 0 1.5em;
245+
.liveblog-entry amp-youtube,
246+
.liveblog-entry amp-instagram,
247+
.liveblog-entry amp-vine {
248+
margin: 0 0 1.5em;
244249
}

0 commit comments

Comments
 (0)