Skip to content

Commit 8cfff48

Browse files
pereorgapereorga
authored
Replace stylelint-config-rational-order with stylelint-config-recess-order (#5122)
1 parent 8014c04 commit 8cfff48

34 files changed

+6179
-12628
lines changed

Diff for: ‎.stylelintrc

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"extends": [
3-
"stylelint-config-rational-order",
3+
"stylelint-config-recess-order",
44
"stylelint-config-recommended",
55
"stylelint-config-standard-scss"
66
],

Diff for: ‎package-lock.json

+5,977-12,426
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

Diff for: ‎package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -93,7 +93,7 @@
9393
"sass": "^1.58.3",
9494
"simple-icons": "^8.6.0",
9595
"stylelint": "^15.2.0",
96-
"stylelint-config-rational-order": "^0.1.2",
96+
"stylelint-config-recess-order": "^4.0.0",
9797
"stylelint-config-recommended": "^10.0.1",
9898
"stylelint-config-standard-scss": "^7.0.1",
9999
"stylelint-scss": "^4.4.0",

Diff for: ‎src/assets/stylesheets/main/_modifiers.scss

+1-1
Original file line numberDiff line numberDiff line change
@@ -34,8 +34,8 @@
3434
.inline {
3535
float: inline-start;
3636
width: px2rem(234px);
37-
margin-top: 0;
3837
margin-inline-end: px2rem(16px);
38+
margin-top: 0;
3939
margin-bottom: px2rem(16px);
4040

4141
// Modifier to move to end (ltr: right, rtl: left)

Diff for: ‎src/assets/stylesheets/main/_resets.scss

+4-4
Original file line numberDiff line numberDiff line change
@@ -64,8 +64,8 @@ a {
6464

6565
// Normalize horizontal separator styles
6666
hr {
67-
display: block;
6867
box-sizing: content-box;
68+
display: block;
6969
height: px2rem(1px);
7070
padding: 0;
7171
overflow: visible;
@@ -90,8 +90,8 @@ img {
9090

9191
// Reset table styles
9292
table {
93-
border-collapse: separate;
9493
border-spacing: 0;
94+
border-collapse: separate;
9595
}
9696

9797
// Reset table cell styles
@@ -103,10 +103,10 @@ th {
103103

104104
// Reset button styles
105105
button {
106-
margin: 0;
107106
padding: 0;
108-
font-size: inherit;
107+
margin: 0;
109108
font-family: inherit;
109+
font-size: inherit;
110110
background: transparent;
111111
border: 0;
112112
}

Diff for: ‎src/assets/stylesheets/main/_typeset.scss

+24-24
Original file line numberDiff line numberDiff line change
@@ -44,17 +44,17 @@ body {
4444
body,
4545
input,
4646
aside {
47-
color: var(--md-typeset-color);
48-
font-feature-settings: "kern", "liga";
4947
font-family: var(--md-text-font-family);
48+
font-feature-settings: "kern", "liga";
49+
color: var(--md-typeset-color);
5050
}
5151

5252
// Define monospaced fonts
5353
code,
5454
pre,
5555
kbd {
56-
font-feature-settings: "kern";
5756
font-family: var(--md-code-font-family);
57+
font-feature-settings: "kern";
5858
}
5959

6060
// ----------------------------------------------------------------------------
@@ -96,27 +96,27 @@ kbd {
9696
// Headline on level 1
9797
h1 {
9898
margin: 0 0 px2em(40px, 32px);
99-
color: var(--md-default-fg-color--light);
100-
font-weight: 300;
10199
font-size: px2em(32px);
100+
font-weight: 300;
102101
line-height: 1.3;
102+
color: var(--md-default-fg-color--light);
103103
letter-spacing: -0.01em;
104104
}
105105

106106
// Headline on level 2
107107
h2 {
108108
margin: px2em(40px, 25px) 0 px2em(16px, 25px);
109-
font-weight: 300;
110109
font-size: px2em(25px);
110+
font-weight: 300;
111111
line-height: 1.4;
112112
letter-spacing: -0.01em;
113113
}
114114

115115
// Headline on level 3
116116
h3 {
117117
margin: px2em(32px, 20px) 0 px2em(16px, 20px);
118-
font-weight: 400;
119118
font-size: px2em(20px);
119+
font-weight: 400;
120120
line-height: 1.5;
121121
letter-spacing: -0.01em;
122122
}
@@ -137,9 +137,9 @@ kbd {
137137
h5,
138138
h6 {
139139
margin: px2em(16px, 12.8px) 0;
140-
color: var(--md-default-fg-color--light);
141-
font-weight: 700;
142140
font-size: px2em(12.8px);
141+
font-weight: 700;
142+
color: var(--md-default-fg-color--light);
143143
letter-spacing: -0.01em;
144144
}
145145

@@ -193,9 +193,9 @@ kbd {
193193
code,
194194
pre,
195195
kbd {
196+
font-variant-ligatures: none;
196197
color: var(--md-code-fg-color);
197198
direction: ltr;
198-
font-variant-ligatures: none;
199199

200200
// [print]: Wrap text and hide scollbars
201201
@media print {
@@ -228,14 +228,14 @@ kbd {
228228
// Code block
229229
> code {
230230
display: block;
231-
margin: 0;
232231
padding: px2em(10.5px, 13.6px) px2em(16px, 13.6px);
232+
margin: 0;
233233
overflow: auto;
234234
word-break: normal;
235+
touch-action: auto;
235236
outline-color: var(--md-accent-fg-color);
236237
box-shadow: none;
237238
box-decoration-break: slice;
238-
touch-action: auto;
239239
scrollbar-width: thin;
240240
scrollbar-color: var(--md-default-fg-color--lighter) transparent;
241241

@@ -266,10 +266,10 @@ kbd {
266266
kbd {
267267
display: inline-block;
268268
padding: 0 px2em(8px, 12px);
269-
color: var(--md-default-fg-color);
270269
font-size: px2em(12px);
271-
vertical-align: text-top;
270+
color: var(--md-default-fg-color);
272271
word-break: break-word;
272+
vertical-align: text-top;
273273
background-color: var(--md-typeset-kbd-color);
274274
border-radius: px2rem(2px);
275275
box-shadow:
@@ -289,8 +289,8 @@ kbd {
289289
// Abbreviation
290290
abbr {
291291
text-decoration: none;
292-
border-bottom: px2rem(1px) dotted var(--md-default-fg-color--light);
293292
cursor: help;
293+
border-bottom: px2rem(1px) dotted var(--md-default-fg-color--light);
294294

295295
// Show tooltip for touch devices
296296
@media (hover: none) {
@@ -299,14 +299,14 @@ kbd {
299299
&[title]:is(:focus, :hover)::after {
300300
position: absolute;
301301
inset-inline: px2rem(16px);
302-
margin-top: 2em;
303302
padding: px2rem(4px) px2rem(6px);
304-
color: var(--md-default-bg-color);
303+
margin-top: 2em;
305304
font-size: px2rem(14px);
305+
color: var(--md-default-bg-color);
306+
content: attr(title);
306307
background-color: var(--md-default-fg-color);
307308
border-radius: px2rem(2px);
308309
box-shadow: var(--md-shadow-z3);
309-
content: attr(title);
310310
}
311311
}
312312
}
@@ -338,8 +338,8 @@ kbd {
338338
// Unordered and ordered list
339339
ul,
340340
ol {
341-
margin-inline-start: px2em(10px);
342341
padding: 0;
342+
margin-inline-start: px2em(10px);
343343

344344
// Adjust display mode if not hidden
345345
&:not([hidden]) {
@@ -358,8 +358,8 @@ kbd {
358358

359359
// List element
360360
li {
361-
margin-bottom: 0.5em;
362361
margin-inline-start: px2em(20px);
362+
margin-bottom: 0.5em;
363363

364364
// Adjust spacing
365365
p,
@@ -453,10 +453,10 @@ kbd {
453453
max-width: 100%;
454454
overflow: auto;
455455
font-size: px2rem(12.8px);
456+
touch-action: auto;
456457
background-color: var(--md-default-bg-color);
457458
border: px2rem(1px) solid var(--md-typeset-table-color);
458459
border-radius: px2rem(2px);
459-
touch-action: auto;
460460

461461
// [print]: Reset display mode so table header wraps when printing
462462
@media print {
@@ -537,11 +537,11 @@ kbd {
537537
height: 1.2em;
538538
margin-inline-start: 0.5em;
539539
vertical-align: text-bottom;
540+
content: "";
541+
transition: background-color 125ms;
540542
mask-image: var(--md-typeset-table-sort-icon);
541543
mask-repeat: no-repeat;
542544
mask-size: contain;
543-
transition: background-color 125ms;
544-
content: "";
545545
}
546546

547547
// Show sort icon on hover
@@ -572,8 +572,8 @@ kbd {
572572
// Data table wrapper
573573
&__table {
574574
display: inline-block;
575-
margin-bottom: 0.5em;
576575
padding: 0 px2rem(16px);
576+
margin-bottom: 0.5em;
577577

578578
// [print]: Reset display mode so table header wraps when printing
579579
@media print {

Diff for: ‎src/assets/stylesheets/main/components/_banner.scss

+1-1
Original file line numberDiff line numberDiff line change
@@ -43,8 +43,8 @@
4343

4444
// Banner wrapper
4545
&__inner {
46-
margin: px2rem(12px) auto;
4746
padding: 0 px2rem(16px);
47+
margin: px2rem(12px) auto;
4848
font-size: px2rem(14px);
4949
}
5050

Diff for: ‎src/assets/stylesheets/main/components/_base.scss

+5-5
Original file line numberDiff line numberDiff line change
@@ -112,8 +112,8 @@ body {
112112
// Add ellipsis in case of overflowing text
113113
.md-ellipsis {
114114
overflow: hidden;
115-
white-space: nowrap;
116115
text-overflow: ellipsis;
116+
white-space: nowrap;
117117
}
118118

119119
// ----------------------------------------------------------------------------
@@ -152,24 +152,24 @@ body {
152152
// Hack: if we don't set the negative `z-index`, the skip link will force the
153153
// creation of new layers when code blocks are near the header on scrolling
154154
z-index: -1;
155-
margin: px2rem(10px);
156155
padding: px2rem(6px) px2rem(10px);
157-
color: var(--md-default-bg-color);
156+
margin: px2rem(10px);
158157
font-size: px2rem(12.8px);
158+
color: var(--md-default-bg-color);
159159
background-color: var(--md-default-fg-color);
160160
border-radius: px2rem(2px);
161161
outline-color: var(--md-accent-fg-color);
162-
transform: translateY(px2rem(8px));
163162
opacity: 0;
163+
transform: translateY(px2rem(8px));
164164

165165
// Show skip link on focus
166166
&:focus {
167167
z-index: 10;
168-
transform: translateY(0);
169168
opacity: 1;
170169
transition:
171170
transform 250ms cubic-bezier(0.4, 0, 0.2, 1),
172171
opacity 175ms 75ms;
172+
transform: translateY(0);
173173
}
174174
}
175175

Diff for: ‎src/assets/stylesheets/main/components/_clipboard.scss

+2-2
Original file line numberDiff line numberDiff line change
@@ -40,10 +40,10 @@
4040
width: px2em(24px);
4141
height: px2em(24px);
4242
color: var(--md-default-fg-color--lightest);
43+
cursor: pointer;
4344
border-radius: px2rem(2px);
4445
outline-color: var(--md-accent-fg-color);
4546
outline-offset: px2rem(2px);
46-
cursor: pointer;
4747
transition: color 250ms;
4848

4949
// [print]: Hide button
@@ -74,12 +74,12 @@
7474
width: px2em(18px);
7575
height: px2em(18px);
7676
margin: 0 auto;
77+
content: "";
7778
background-color: currentcolor;
7879
mask-image: var(--md-clipboard-icon);
7980
mask-position: center;
8081
mask-repeat: no-repeat;
8182
mask-size: contain;
82-
content: "";
8383
}
8484

8585
// Inline clipboard button

Diff for: ‎src/assets/stylesheets/main/components/_consent.scss

+2-2
Original file line numberDiff line numberDiff line change
@@ -27,13 +27,13 @@
2727
// Show consent
2828
@keyframes consent {
2929
0% {
30-
transform: translateY(100%);
3130
opacity: 0;
31+
transform: translateY(100%);
3232
}
3333

3434
100% {
35-
transform: translateY(0);
3635
opacity: 1;
36+
transform: translateY(0);
3737
}
3838
}
3939

Diff for: ‎src/assets/stylesheets/main/components/_content.scss

+2-2
Original file line numberDiff line numberDiff line change
@@ -34,8 +34,8 @@
3434

3535
// Content wrapper
3636
&__inner {
37-
margin: 0 px2rem(16px) px2rem(24px);
3837
padding-top: px2rem(12px);
38+
margin: 0 px2rem(16px) px2rem(24px);
3939

4040
// [screen +]: Adjust spacing between content area and sidebars
4141
@include break-from-device(screen) {
@@ -69,9 +69,9 @@
6969
// a document-level, i.e. linking to related source code files, printing etc.
7070
&__button {
7171
float: inline-end;
72+
padding: 0;
7273
margin: px2rem(8px) 0;
7374
margin-inline-start: px2rem(8px);
74-
padding: 0;
7575

7676
// [print]: Hide buttons
7777
@media print {

0 commit comments

Comments
 (0)