Skip to content

Commit 37ac699

Browse files
alexpottalexpott
committed
Issue #3409048 by finnsky, alexpott, longwave, bnjmnm, andypost, nod_: Configure postcss formatting after stylelint and stylelint-config-standard update
1 parent 142fee3 commit 37ac699

File tree

110 files changed

+1031
-494
lines changed

Some content is hidden

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

110 files changed

+1031
-494
lines changed

‎.prettierrc.json

+11-1
Original file line numberDiff line numberDiff line change
@@ -2,5 +2,15 @@
22
"printWidth": 80,
33
"semi": true,
44
"singleQuote": true,
5-
"trailingComma": "all"
5+
"trailingComma": "all",
6+
"overrides": [
7+
{
8+
"files": ["*.css"],
9+
"options": {
10+
"parser": "css",
11+
"printWidth": 10000,
12+
"singleQuote": false
13+
}
14+
}
15+
]
616
}

‎.stylelintrc.json

+4-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,8 @@
11
{
2-
"extends": "stylelint-config-standard",
2+
"extends": [
3+
"stylelint-config-standard",
4+
"stylelint-prettier/recommended"
5+
],
36
"plugins": [
47
"stylelint-order"
58
],

‎misc/dialog/off-canvas/css/base.pcss.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -87,7 +87,7 @@
8787
list-style: none;
8888

8989
& li {
90-
margin: calc(var(--off-canvas-vertical-spacing-unit) /2) 0;
90+
margin: calc(var(--off-canvas-vertical-spacing-unit) / 2) 0;
9191
}
9292
}
9393
}

‎misc/dialog/off-canvas/css/wrapper.pcss.css

+4-1
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,10 @@ body.js-off-canvas-dialog-open {
3434

3535
/* This is a page level content wrapper that shrinks when off-canvas is open. */
3636
.dialog-off-canvas-main-canvas {
37-
transition: padding-right 0.7s ease, padding-left 0.7s ease, padding-top 0.3s ease;
37+
transition:
38+
padding-right 0.7s ease,
39+
padding-left 0.7s ease,
40+
padding-top 0.3s ease;
3841

3942
@media (prefers-reduced-motion: reduce) {
4043
transition: none;

‎modules/announcements_feed/css/announcements_feed.dialog.pcss.css

-1
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,6 @@
55
*/
66

77
#drupal-off-canvas-wrapper {
8-
98
& .ui-dialog-titlebar.announce-titlebar::before {
109
-webkit-mask-image: url("../images/announcement-bell.svg");
1110
mask-image: url("../images/announcement-bell.svg");

‎modules/ckeditor5/css/image.css

+1-6
Original file line numberDiff line numberDiff line change
@@ -28,12 +28,7 @@
2828
right: 10px;
2929
bottom: 10px;
3030
overflow: hidden;
31-
max-width:
32-
calc(
33-
(var(--is-small) * 0)
34-
+ (var(--is-medium) * 33)
35-
+ (var(--is-wide) * 999999)
36-
);
31+
max-width: calc((var(--is-small) * 0) + (var(--is-medium) * 33) + (var(--is-wide) * 999999));
3732
border-left: calc((var(--is-small) * 0) + (var(--is-medium) * 3) + (var(--is-wide) * 3)) solid #ffd23f;
3833
border-radius: 2px;
3934
background: #232429;

‎modules/ckeditor5/css/language.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
outline: 1px dotted gray;
1414
}
1515
.ck-content [lang]::after {
16-
content: " ("attr(lang)")";
16+
content: " (" attr(lang) ")";
1717
color: #666;
1818
font-size: 10px;
1919
}

‎modules/comment/css/comment.icon.theme.pcss.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
11
.field-icon-comment {
2-
color:red;
2+
color: red;
33
background-image: url(../../../misc/icons/55565b/comment.svg);
44
}

‎modules/content_moderation/css/content_moderation.module.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -29,6 +29,6 @@
2929
padding-bottom: 0.25em;
3030
}
3131

32-
.entity-moderation-form input[type=submit] {
32+
.entity-moderation-form input[type="submit"] {
3333
margin-bottom: 1.2em;
3434
}

‎modules/field_ui/css/field_ui_add_field.module.pcss.css

+9-3
Original file line numberDiff line numberDiff line change
@@ -103,19 +103,25 @@
103103
}
104104
&.hover {
105105
border-color: var(--color-gray);
106-
box-shadow: inset 0 0 0 1px var(--color-gray), var(--details-box-shadow);
106+
box-shadow:
107+
inset 0 0 0 1px var(--color-gray),
108+
var(--details-box-shadow);
107109
}
108110
&:not(.selected, .error):hover .form-boolean {
109111
border-color: var(--input-fg-color);
110112
box-shadow: inset 0 0 0 1px var(--input-fg-color);
111113
}
112114
&.selected {
113115
border-color: var(--color-blue);
114-
box-shadow: inset 0 0 0 2px var(--color-blue), var(--details-box-shadow);
116+
box-shadow:
117+
inset 0 0 0 2px var(--color-blue),
118+
var(--details-box-shadow);
115119
}
116120
&.error {
117121
border-color: var(--color-red);
118-
box-shadow: inset 0 0 0 1px var(--color-red), var(--details-box-shadow);
122+
box-shadow:
123+
inset 0 0 0 1px var(--color-red),
124+
var(--details-box-shadow);
119125
}
120126
& .form-item__label.has-error {
121127
color: currentColor;

‎modules/filter/css/filter.caption.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@
2424
*
2525
* Based on http://codepen.io/flesler/pen/AEIFc.
2626
*/
27-
.caption > figcaption[contenteditable=true]:empty::before {
27+
.caption > figcaption[contenteditable="true"]:empty::before {
2828
content: attr(data-placeholder);
2929
font-style: italic;
3030
}

‎modules/navigation/css/base/variables.css

+1
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@
77
/* This is a universal size that helps in the case of themes with a size of 10 pixels.
88
We need it root to calculate the size of the displace in .dialog-off-canvas-main-canvas */
99
:root {
10+
/* stylelint-disable-next-line prettier/prettier */
1011
--admin-toolbar-rem: max(1rem, 16px); /* Workaround until postcss-px-to-rem is removed so this is not converted to rems. */
1112
}
1213
[data-drupal-admin-styles] {

‎modules/navigation/css/base/variables.pcss.css

+2-1
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
/* This is a universal size that helps in the case of themes with a size of 10 pixels.
44
We need it root to calculate the size of the displace in .dialog-off-canvas-main-canvas */
55
:root {
6+
/* stylelint-disable-next-line prettier/prettier */
67
--admin-toolbar-rem: max(1rem, 16PX); /* Workaround until postcss-px-to-rem is removed so this is not converted to rems. */
78
}
89

@@ -135,7 +136,7 @@ We need it root to calculate the size of the displace in .dialog-off-canvas-main
135136
--admin-toolbar-font-size-info-md: var(--drupal-admin-font-size-info-md, var(--admin-toolbar-rem)); /* 16px */
136137
--admin-toolbar-line-height-info-md: var(--drupal-admin-line-height-info-md, calc(1.5 * var(--admin-toolbar-rem))); /* 24px */
137138
--admin-toolbar-font-size-info-lg: var(--drupal-admin-font-size-info-lg, calc(1.125 * var(--admin-toolbar-rem))); /* 18px */
138-
--admin-toolbar-line-height-info-lg: var(--drupal-admin-line-height-info-lg, calc(1.5 * var(--admin-toolbar-rem))); /* 24px */
139+
--admin-toolbar-line-height-info-lg: var(--drupal-admin-line-height-info-lg, calc(1.5 * var(--admin-toolbar-rem))); /* 24px */
139140
--admin-toolbar-font-size-info-xl: var(--drupal-admin-font-size-info-xl, calc(1.25 * var(--admin-toolbar-rem))); /* 20px */
140141
--admin-toolbar-line-height-info-xl: var(--drupal-admin-line-height-info-xl, calc(1.5 * var(--admin-toolbar-rem))); /* 24px */
141142

‎modules/navigation/css/components/admin-toolbar.pcss.css

+29-22
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ body {
1414
--admin-toolbar-sidebar-width: calc(4.5 * var(--admin-toolbar-rem));
1515
--admin-toolbar-sidebar-header: calc(3.5 * var(--admin-toolbar-rem));
1616

17-
[data-admin-toolbar='expanded'] & {
17+
[data-admin-toolbar="expanded"] & {
1818
--admin-toolbar-sidebar-width: 80vw;
1919

2020
@media (--admin-toolbar-tablet) {
@@ -94,15 +94,15 @@ body {
9494
}
9595
}
9696

97-
[data-admin-toolbar='expanded'] & {
97+
[data-admin-toolbar="expanded"] & {
9898
transform: none;
9999
}
100100

101101
@media (--admin-toolbar-desktop) {
102102
transform: none;
103103
}
104104

105-
@media only screen and (max-height: 300px) {
105+
@media only screen and (max-height: 300px) {
106106
min-height: 20rem;
107107
}
108108
}
@@ -112,7 +112,7 @@ body {
112112
flex-grow: 0;
113113
}
114114

115-
.admin-toolbar:has([data-toolbar-popover-control][aria-expanded='true']) {
115+
.admin-toolbar:has([data-toolbar-popover-control][aria-expanded="true"]) {
116116
.admin-toolbar__back-button {
117117
display: flex;
118118

@@ -162,8 +162,10 @@ body {
162162
flex-shrink: 0;
163163
width: calc(1 * var(--admin-toolbar-rem));
164164
height: calc(1 * var(--admin-toolbar-rem));
165-
content: '';
166-
transition: opacity var(--admin-toolbar-transition), transform var(--admin-toolbar-transition);
165+
content: "";
166+
transition:
167+
opacity var(--admin-toolbar-transition),
168+
transform var(--admin-toolbar-transition);
167169
opacity: 0;
168170
background-color: currentColor;
169171
mask-repeat: no-repeat;
@@ -175,7 +177,7 @@ body {
175177
opacity: 1;
176178
}
177179

178-
[dir='rtl'] & {
180+
[dir="rtl"] & {
179181
transform: rotate(180deg);
180182
}
181183

@@ -184,11 +186,11 @@ body {
184186
}
185187
}
186188

187-
&[aria-expanded='true'] {
189+
&[aria-expanded="true"] {
188190
&::before {
189191
transform: rotate(180deg);
190192

191-
[dir='rtl'] & {
193+
[dir="rtl"] & {
192194
transform: none;
193195
}
194196
}
@@ -246,7 +248,6 @@ body {
246248
background-color: transparent;
247249
}
248250

249-
250251
& img {
251252
display: block;
252253
}
@@ -261,13 +262,14 @@ body {
261262
overflow-y: auto;
262263
flex-direction: column;
263264
height: 100%;
264-
background: linear-gradient(var(--admin-toolbar-color-white) 30%, var(--admin-toolbar-color-white)),
265-
radial-gradient(farthest-side at 50% 0, var(--admin-toolbar-color-shadow-15), var(--admin-toolbar-color-shadow-0));
265+
background: linear-gradient(var(--admin-toolbar-color-white) 30%, var(--admin-toolbar-color-white)), radial-gradient(farthest-side at 50% 0, var(--admin-toolbar-color-shadow-15), var(--admin-toolbar-color-shadow-0));
266266
background-color: var(--admin-toolbar-color-white);
267267
background-repeat: no-repeat;
268268
background-attachment: local, scroll;
269269
background-position-y: 48px;
270-
background-size: 100% 40px, 100% 16px;
270+
background-size:
271+
100% 40px,
272+
100% 16px;
271273

272274
@media (--admin-toolbar-desktop) {
273275
display: contents;
@@ -292,14 +294,19 @@ body {
292294
flex-direction: column;
293295
flex-grow: 1;
294296
padding-block-start: var(--admin-toolbar-space-16);
295-
background: linear-gradient(var(--admin-toolbar-color-white) 30%, var(--admin-toolbar-color-white)),
296-
linear-gradient(var(--admin-toolbar-color-white), var(--admin-toolbar-color-white) 80%) 0 100%,
297-
radial-gradient(farthest-side at 50% 0, var(--admin-toolbar-color-shadow-15), var(--admin-toolbar-color-shadow-0)),
298-
radial-gradient(farthest-side at 50% 100%, var(--admin-toolbar-color-shadow-15), var(--admin-toolbar-color-shadow-0)) 0 100%;
297+
background:
298+
linear-gradient(var(--admin-toolbar-color-white) 30%, var(--admin-toolbar-color-white)),
299+
linear-gradient(var(--admin-toolbar-color-white), var(--admin-toolbar-color-white) 80%) 0 100%,
300+
radial-gradient(farthest-side at 50% 0, var(--admin-toolbar-color-shadow-15), var(--admin-toolbar-color-shadow-0)),
301+
radial-gradient(farthest-side at 50% 100%, var(--admin-toolbar-color-shadow-15), var(--admin-toolbar-color-shadow-0)) 0 100%;
299302
background-color: var(--admin-toolbar-color-white);
300303
background-repeat: no-repeat;
301304
background-attachment: local, local, scroll, scroll;
302-
background-size: 100% 40px, 100% 40px, 100% 16px, 100% 16px;
305+
background-size:
306+
100% 40px,
307+
100% 40px,
308+
100% 16px,
309+
100% 16px;
303310
}
304311
}
305312

@@ -335,9 +342,9 @@ body {
335342
}
336343
}
337344

338-
[data-drupal-tooltip]:hover +.admin-toolbar__tooltip,
339-
[data-drupal-tooltip]:focus +.admin-toolbar__tooltip {
340-
[data-admin-toolbar='expanded'] & {
345+
[data-drupal-tooltip]:hover + .admin-toolbar__tooltip,
346+
[data-drupal-tooltip]:focus + .admin-toolbar__tooltip {
347+
[data-admin-toolbar="expanded"] & {
341348
display: none;
342349
}
343350
}
@@ -356,7 +363,7 @@ body {
356363
height: 100vh;
357364
background-color: rgba(0, 0, 0, 0.14);
358365

359-
:where([data-admin-toolbar='expanded']) & {
366+
:where([data-admin-toolbar="expanded"]) & {
360367
display: block;
361368
}
362369

‎modules/navigation/css/components/body-scroll-lock.pcss.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55

66
@import "../base/media-queries.pcss.css";
77

8-
[data-admin-toolbar-body-scroll='locked'] {
8+
[data-admin-toolbar-body-scroll="locked"] {
99
overflow: clip;
1010

1111
body {

‎modules/navigation/css/components/toolbar-block.pcss.css

+5-5
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
gap: var(--admin-toolbar-space-4);
1010

1111
.admin-toolbar__content & {
12-
&:nth-last-child(n+2) {
12+
&:nth-last-child(n + 2) {
1313
&::after {
1414
margin-top: var(--admin-toolbar-space-8);
1515
content: "";
@@ -43,10 +43,10 @@
4343
font-family: inherit;
4444
font-size: var(--admin-toolbar-font-size-label-xs);
4545
line-height: var(--admin-toolbar-line-height-label-xs);
46-
font-variation-settings: 'wght' 500;
46+
font-variation-settings: "wght" 500;
4747

48-
html:not([data-admin-toolbar='expanded']) &,
49-
html[data-admin-toolbar-animating][data-admin-toolbar='expanded'] & {
48+
html:not([data-admin-toolbar="expanded"]) &,
49+
html[data-admin-toolbar-animating][data-admin-toolbar="expanded"] & {
5050
display: flex;
5151
align-items: center;
5252
justify-content: center;
@@ -61,7 +61,7 @@
6161
display: block;
6262
width: var(--admin-toolbar-space-4);
6363
height: var(--admin-toolbar-space-4);
64-
content: '';
64+
content: "";
6565
border-radius: 50%;
6666
background-color: currentColor;
6767
}

0 commit comments

Comments
 (0)