Skip to content

Utilize scss nesting in /styles/dartdoc #4003

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Feb 19, 2025
Merged

Utilize scss nesting in /styles/dartdoc #4003

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
0c80720
Utilize scss nesting in /styles/dartdoc
parlough Feb 19, 2025
a52448f
Merge branch 'main' into misc/utilize-sass-nesting-in-dartdoc-styles
parlough Feb 19, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion lib/resources/styles.css
View file
Open in desktop

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion web/sig.txt
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1 @@
8863C34F7B0AA9147CD23809CF67E875
6AD77EE4737CB53C3F7994D7BCC1E463
74 changes: 37 additions & 37 deletions web/styles/dartdoc/_category.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,40 +2,6 @@
// for details. All rights reserved. Use of this source code is governed by a
// BSD-style license that can be found in the LICENSE file.

.category.linked {
font-weight: bold;
opacity: 1;
}

/* Colors for category based on categoryOrder in dartdoc_options.config. */
.category.cp-0 {
background-color: #54b7c4
}

.category.cp-1 {
background-color: #54c47f
}

.category.cp-2 {
background-color: #c4c254
}

.category.cp-3 {
background-color: #c49f54
}

.category.cp-4 {
background-color: #c45465
}

.category.cp-5 {
background-color: #c454c4
}

.category a {
color: white;
}

.category {
padding: 2px 4px;
font-size: 12px;
Expand All @@ -44,8 +10,42 @@
text-transform: uppercase;
color: white;
opacity: .5;
}

h1 .category {
vertical-align: middle;
a {
color: white;
}

h1 & {
vertical-align: middle;
}

&.linked {
font-weight: bold;
opacity: 1;
}

/* Colors for category based on categoryOrder in dartdoc_options.config. */
&.cp-0 {
background-color: #54b7c4
}

&.cp-1 {
background-color: #54c47f
}

&.cp-2 {
background-color: #c4c254
}

&.cp-3 {
background-color: #c49f54
}

&.cp-4 {
background-color: #c45465
}

&.cp-5 {
background-color: #c454c4
}
}
10 changes: 5 additions & 5 deletions web/styles/dartdoc/_feature.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,13 +14,13 @@
font-size: 12px;
padding: 1px 6px;
margin: 0 8px 0 0;

h1 & {
vertical-align: middle;
margin: 0 -2px 0 0;
}
}

a.feature:hover {
border-color: #13B9FD;
}

h1 .feature {
vertical-align: middle;
margin: 0 -2px 0 0;
}
126 changes: 67 additions & 59 deletions web/styles/dartdoc/_members.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,42 +2,52 @@
// for details. All rights reserved. Use of this source code is governed by a
// BSD-style license that can be found in the LICENSE file.

.markdown.desc {
margin-bottom: 1em;
max-width: 700px;
}

.markdown h1 {
font-size: 24px;
margin-bottom: 8px;
}

.markdown h2 {
font-size: 20px;
margin-top: 24px;
margin-bottom: 8px;
}

.markdown h3 {
font-size: 18px;
margin-bottom: 8px;
color: var(--main-text-color);
}

.markdown h4 {
font-size: 16px;
margin-bottom: 0;
}

.markdown li p {
margin: 0;
.markdown {
&.desc {
margin-bottom: 1em;
max-width: 700px;
}

h1 {
font-size: 24px;
margin-bottom: 8px;
}

h2 {
font-size: 20px;
margin-top: 24px;
margin-bottom: 8px;
}

h3 {
font-size: 18px;
margin-bottom: 8px;
color: var(--main-text-color);
}

h4 {
font-size: 16px;
margin-bottom: 0;
}

li p {
margin: 0;
}
}

/* Note that the generated HTML for pub packages may have `section` tags
transformed into `div` tags, so we have two selectors here. */
section#setter, div#setter {
border-top: 1px solid #ddd;
padding-top: 36px;
section, div {
&#setter {
border-top: 1px solid #ddd;
padding-top: 36px;
}

/* indents wrapped lines */
&.summary dt {
margin-left: 24px;
text-indent: -24px;
}
}

li.inherited a {
Expand All @@ -51,33 +61,31 @@ dt.constant + dd p {
margin-bottom: 1em;
}

/* indents wrapped lines */
/* Note that the generated HTML for pub packages may have `section` tags
transformed into `div` tags, so we have two selectors here. */
section.summary dt, div.summary dt {
margin-left: 24px;
text-indent: -24px;
}

.dl-horizontal dd {
margin-left: initial;
}

dl.dl-horizontal dt {
font-style: normal;
text-align: left;
color: #727272;
margin-right: 20px;
width: initial;
}

dt .name {
font-weight: 500;
}

dl dt.callable .name {
float: none;
width: auto;
dl {
&.dl-horizontal {
dd {
margin-left: initial;
}

dt {
font-style: normal;
text-align: left;
color: #727272;
margin-right: 20px;
width: initial;
}
}

dt {
&.callable .name {
float: none;
width: auto;
}

.name {
font-weight: 500;
}
}
}

/* Do not display "provided by X extension" text on extension pages. */
Expand Down
4 changes: 1 addition & 3 deletions web/styles/dartdoc/_misc.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,10 +12,8 @@
padding: 18px 4px;
font-size: 18px;
vertical-align: middle;
}

@media (max-width: 840px) {
.source-link {
@media (max-width: 840px) {
padding: 7px 2px;
font-size: 10px;
}
Expand Down
Loading