Skip to content

Commit 3acc82d

Browse files
parloughparlough
committed
Migrate remaining styles to use sass nesting
1 parent cbc1885 commit 3acc82d

File tree

7 files changed

+206
-220
lines changed

7 files changed

+206
-220
lines changed

‎lib/resources/styles.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎pubspec.yaml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ dev_dependencies:
2727
dart_style: ^3.0.0
2828
lints: ^5.0.0
2929
matcher: ^0.12.15
30-
sass: ^1.85.1
30+
sass: ^1.86.0
3131
test: ^1.24.2
3232
test_descriptor: ^2.0.1
3333
test_process: ^2.0.3

‎web/sig.txt

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
77FD7967080D3865482753638F7833E7
1+
76460F3B17D947F654BCE4B231EBE30F

‎web/styles/_breadcrumbs.scss

Lines changed: 37 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -6,59 +6,58 @@
66
list-style: none;
77
padding: 0;
88
margin: 0;
9-
}
10-
11-
.gt-separated li {
12-
display: inline-block;
13-
}
14-
15-
.gt-separated li:before {
16-
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='%23DDDDDD' d='M6.7,4L5.7,4.9L8.8,8l-3.1,3.1L6.7,12l4-4L6.7,4z'/></svg>");
17-
background-position: center;
18-
content: "\00a0";
19-
margin: 0 6px 0 4px;
20-
padding: 0 3px 0 0;
21-
}
229

23-
.gt-separated.dark li:before {
24-
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='%23727272' d='M6.7,4L5.7,4.9L8.8,8l-3.1,3.1L6.7,12l4-4L6.7,4z'/></svg>");
25-
}
10+
&.dark {
11+
li:before {
12+
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='%23727272' d='M6.7,4L5.7,4.9L8.8,8l-3.1,3.1L6.7,12l4-4L6.7,4z'/></svg>");
13+
}
14+
}
2615

27-
.gt-separated li:first-child:before {
28-
background-image: none;
29-
content: "";
30-
margin: 0;
31-
padding: 0;
16+
li {
17+
display: inline-block;
18+
19+
&:before {
20+
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='%23DDDDDD' d='M6.7,4L5.7,4.9L8.8,8l-3.1,3.1L6.7,12l4-4L6.7,4z'/></svg>");
21+
background-position: center;
22+
content: "\00a0";
23+
margin: 0 6px 0 4px;
24+
padding: 0 3px 0 0;
25+
}
26+
27+
&:first-child:before {
28+
background-image: none;
29+
content: "";
30+
margin: 0;
31+
padding: 0;
32+
}
33+
}
3234
}
3335

3436
.breadcrumbs {
3537
padding: 0;
3638
margin: 8px 0 8px 0;
3739
white-space: nowrap;
3840
line-height: 1;
39-
}
4041

41-
@media screen and (min-width: 840px) {
42-
nav ol.breadcrumbs {
43-
float: left;
42+
.gt-separated .dark .hidden-xs li + li:before {
43+
color: var(--main-h-text);
4444
}
45-
}
4645

47-
@media screen and (max-width: 840px) {
48-
.breadcrumbs {
46+
li a {
47+
color: var(--main-hyperlinks-color);
48+
}
49+
50+
@media screen and (max-width: 840px) {
4951
margin: 0 0 24px 0;
5052
overflow-x: hidden;
5153
}
52-
}
5354

54-
.breadcrumbs .gt-separated .dark .hidden-xs li + li:before {
55-
color: var(--main-h-text);
56-
}
57-
58-
ol.breadcrumbs li a {
59-
color: var(--main-hyperlinks-color);
60-
}
55+
.self-crumb {
56+
color: var(--main-h-text);
57+
}
6158

62-
.self-crumb {
63-
color: var(--main-h-text);
59+
.self-name {
60+
color: #555;
61+
display: none;
62+
}
6463
}

‎web/styles/_code.scss

Lines changed: 30 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -27,40 +27,40 @@ code {
2727
border-radius: 3px;
2828
}
2929

30-
// Syntax highlighting, for highlightjs rendered code:
31-
32-
.hljs-string, .hljs-doctag {
33-
color: var(--main-string-color);
34-
}
35-
36-
.hljs-number, .hljs-literal, .hljs-variable, .hljs-template-variable, .hljs-tag .hljs-attr {
37-
color: var(--main-var-color);
38-
}
39-
40-
.hljs-comment, .hljs-quote {
41-
color: var(--main-comment-color);
42-
font-style: italic;
43-
}
44-
45-
.hljs-title, .hljs-section, .hljs-selector-id {
46-
color: var(--main-section-color);
47-
font-weight: bold;
48-
}
49-
50-
.hljs-tag, .hljs-name, .hljs-attribute {
51-
color: var(--main-tag-color);
52-
font-weight: normal;
53-
}
54-
55-
.hljs-keyword, .hljs-selector-tag, .hljs-subst {
56-
color: var(--main-keyword-color);
57-
font-weight: bold;
58-
}
59-
30+
// Syntax highlighting, for highlightjs rendered code.
6031
.hljs {
6132
display: block;
6233
overflow-x: auto;
6334
padding: 0.5em;
6435
color: var(--main-text-color);
6536
background: var(--main-code-bg);
37+
38+
.hljs-string, .hljs-doctag {
39+
color: var(--main-string-color);
40+
}
41+
42+
.hljs-number, .hljs-literal, .hljs-variable,
43+
.hljs-template-variable, .hljs-tag .hljs-attr {
44+
color: var(--main-var-color);
45+
}
46+
47+
.hljs-comment, .hljs-quote {
48+
color: var(--main-comment-color);
49+
font-style: italic;
50+
}
51+
52+
.hljs-title, .hljs-section, .hljs-selector-id {
53+
color: var(--main-section-color);
54+
font-weight: bold;
55+
}
56+
57+
.hljs-tag, .hljs-name, .hljs-attribute {
58+
color: var(--main-tag-color);
59+
font-weight: normal;
60+
}
61+
62+
.hljs-keyword, .hljs-selector-tag, .hljs-subst {
63+
color: var(--main-keyword-color);
64+
font-weight: bold;
65+
}
6666
}

‎web/styles/_header.scss

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,10 @@ header {
1717
padding-right: 30px;
1818
background-color: var(--main-header-color);
1919

20+
@media (max-width: 840px) {
21+
padding-left: 0;
22+
}
23+
2024
ol {
2125
list-style: none;
2226
margin: 0;

0 commit comments

Comments
 (0)