Skip to content

Commit 6351b4f

Browse files
parloughparlough
committed
Utilize sass's support for nesting
1 parent e3ecb4d commit 6351b4f

19 files changed

+2220
-2397
lines changed

‎lib/resources/docs.dart.js‎

Lines changed: 1703 additions & 1882 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎lib/resources/docs.dart.js.map‎

Lines changed: 6 additions & 6 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎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.

‎web/sig.txt‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
E8ACF6F50B82736C814C1F0BDE7849EE
1+
FF06C1F54B90644DAA9CA63462604EAE

‎web/styles/_base.scss‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,9 +20,7 @@ body {
2020
display: flex;
2121
flex-direction: column;
2222
-webkit-overflow-scrolling: touch;
23-
}
2423

25-
body {
2624
-webkit-text-size-adjust: 100%;
2725
overflow-x: hidden;
2826
font-family: Roboto, sans-serif;

‎web/styles/_breadcrumbs.scss‎

Lines changed: 41 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -6,64 +6,64 @@
66
list-style: none;
77
padding: 0;
88
margin: 0;
9-
}
109

11-
.gt-separated li {
12-
display: inline-block;
13-
}
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+
}
1415

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-
}
16+
li {
17+
display: inline-block;
2218

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-
}
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+
}
2626

27-
.gt-separated li:first-child:before {
28-
background-image: none;
29-
content: "";
30-
margin: 0;
31-
padding: 0;
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 {
49-
margin: 0 0 24px 0;
50-
overflow-x: hidden;
46+
li a {
47+
color: var(--main-hyperlinks-color);
5148
}
52-
}
5349

54-
.breadcrumbs .gt-separated .dark .hidden-xs li + li:before {
55-
color: var(--main-h-text);
56-
}
50+
@at-root nav ol.breadcrumbs {
51+
@media screen and (min-width: 840px) {
52+
float: left;
53+
}
54+
}
5755

58-
ol.breadcrumbs li a {
59-
color: var(--main-hyperlinks-color);
60-
}
56+
@media screen and (max-width: 840px) {
57+
margin: 0 0 24px 0;
58+
overflow-x: hidden;
59+
}
6160

62-
.self-crumb {
63-
color: var(--main-h-text);
64-
}
61+
.self-crumb {
62+
color: var(--main-h-text);
63+
}
6564

66-
.self-name {
67-
color: #555;
68-
display: none;
65+
.self-name {
66+
color: #555;
67+
display: none;
68+
}
6969
}

‎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/_content.scss‎

Lines changed: 19 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -50,6 +50,11 @@ h1 {
5050
margin-top: 0;
5151
margin-bottom: 0.67em;
5252

53+
&.title {
54+
overflow: hidden;
55+
text-overflow: ellipsis;
56+
}
57+
5358
@media(max-width: 840px) {
5459
font-size: 24px;
5560
}
@@ -70,35 +75,20 @@ p {
7075

7176
a {
7277
color: var(--main-hyperlinks-color);
78+
79+
&:hover {
80+
color: #13B9FD;
81+
}
7382
}
7483

75-
a:hover {
76-
color: #13B9FD;
84+
button {
85+
padding: 0;
7786
}
7887

7988
.fixed {
8089
white-space: pre;
8190
}
8291

83-
header a,
84-
header p,
85-
header li {
86-
color: #0175C2;
87-
}
88-
89-
header a:hover {
90-
color: #0175C2;
91-
}
92-
93-
header h1 .kind {
94-
color: #555;
95-
}
96-
97-
header h1 {
98-
font-weight: 400;
99-
margin-bottom: 16px;
100-
}
101-
10292
dt {
10393
font-weight: normal;
10494
}
@@ -107,16 +97,16 @@ dd {
10797
color: var(--main-text-color);
10898
margin-bottom: 1em;
10999
margin-left: 0;
110-
}
111100

112-
dd.callable, dd.constant, dd.property {
113-
margin-bottom: 24px;
114-
}
101+
&.callable, &.constant, &.property {
102+
margin-bottom: 24px;
103+
}
115104

116-
dd p {
117-
overflow-x: hidden;
118-
text-overflow: ellipsis;
119-
margin-bottom: 0;
105+
p {
106+
overflow-x: hidden;
107+
text-overflow: ellipsis;
108+
margin-bottom: 0;
109+
}
120110
}
121111

122112
table {

‎web/styles/_footer.scss‎

Lines changed: 13 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -6,27 +6,25 @@ footer {
66
flex: 0 0 16px;
77
text-align: center;
88
padding: 16px 20px;
9-
}
109

11-
footer {
1210
color: #fff;
1311
background-color: var(--main-footer-background);
1412
width: 100%;
15-
}
1613

17-
footer p {
18-
margin: 0;
19-
}
14+
p {
15+
margin: 0;
16+
}
2017

21-
footer .no-break {
22-
white-space: nowrap;
23-
}
18+
.no-break {
19+
white-space: nowrap;
20+
}
2421

25-
footer .container {
26-
padding-left: 0;
27-
padding-right: 0;
28-
}
22+
.container {
23+
padding-left: 0;
24+
padding-right: 0;
25+
}
2926

30-
footer a, footer a:hover {
31-
color: #fff;
27+
a, a:hover {
28+
color: #fff;
29+
}
3230
}

0 commit comments

Comments
 (0)