mirror of
https://github.com/flutter/flutter
synced 2024-09-13 05:11:45 +00:00
a14989b3bf
Bug:None *Replace this paragraph with a description of what this PR is changing or adding, and why. Consider including before/after screenshots.* *List which issues are fixed by this PR. You must list at least one issue.* *If you had to change anything in the [flutter/tests] repo, include a link to the migration guide as per the [breaking change policy].*
178 lines
3.4 KiB
CSS
178 lines
3.4 KiB
CSS
/* Overrides for dartdoc styles. */
|
|
|
|
/* Prefer Open Sans for paragraph and other text */
|
|
body {
|
|
font-family: "Open Sans", "Roboto", sans-serif;
|
|
}
|
|
|
|
/* Prefer Google Sans for headers */
|
|
h1, h2, h3, h4, h5, h6 .h1, .h2, .h3, .h4, .h5, .h6 {
|
|
font-family: "Google Sans", "Roboto", sans-serif;
|
|
}
|
|
|
|
.section-title, .breadcrumbs {
|
|
font-family: "Google Sans", "Roboto", sans-serif;
|
|
}
|
|
|
|
/* Make all the h2 headings slightly bigger. */
|
|
h2 {
|
|
font-size: 24px;
|
|
}
|
|
|
|
/* Specifically make all the Markdown h2 headings slightly
|
|
bigger, so the Markdown CSS doesn't override it. */
|
|
.markdown h2 {
|
|
font-size: 24px;
|
|
}
|
|
|
|
section.summary h2 {
|
|
color: inherit;
|
|
border-bottom: none;
|
|
}
|
|
|
|
section.summary .name {
|
|
font-size: 1.5em;
|
|
margin-right: 0.2em;
|
|
}
|
|
|
|
section.summary .returntype {
|
|
font-style:italic;
|
|
}
|
|
|
|
pre {
|
|
margin: 0 0 15px 0;
|
|
padding: 8px 12px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
code {
|
|
/* Inherit the background color, otherwise all inline code blocks have a
|
|
different color from the rest of the paragraph */
|
|
background-color: inherit;
|
|
font-size: 1em; /* browsers default to smaller font for code */
|
|
padding-left: 0; /* otherwise we get ragged left margins */
|
|
padding-right: 0;
|
|
}
|
|
|
|
/* Otherwise the description text is limited to a particular size instead of
|
|
filling up the center of the page. */
|
|
.markdown.desc {
|
|
max-width: inherit;
|
|
}
|
|
|
|
/* Make the search box bigger and easier to read */
|
|
#search-box {
|
|
height: 24px;
|
|
font-size: 15px;
|
|
padding-left: 40px;
|
|
}
|
|
|
|
/* Make the typeahead match the search box font size */
|
|
input.form-control.typeahead {
|
|
font-size: 15px;
|
|
}
|
|
|
|
/* Make description list terms not be so dim. */
|
|
dl.dl-horizontal dt {
|
|
color: inherit;
|
|
}
|
|
|
|
/* Line the material icons up with their labels
|
|
See https://api.flutter.dev/flutter/material/Icons-class.html
|
|
for where this matters.
|
|
*/
|
|
i.md-36 {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
/* Address a style issue with the background of code sections. Without this, the
|
|
code inside a code block has a different background from the rest of the box. */
|
|
code.hljs {
|
|
background: inherit;
|
|
}
|
|
|
|
/* Make the footer smaller and less prominent. */
|
|
footer {
|
|
font-size: 13px;
|
|
padding: 8px;
|
|
}
|
|
|
|
/* Override the comment color for highlight.js to make it more
|
|
prominent. */
|
|
.hljs-comment {
|
|
color: #128c00;
|
|
font-style: italic;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* Make the summary headers contrast a bit with text. */
|
|
.summary h2 {
|
|
opacity: 0.8;
|
|
}
|
|
|
|
/* Constrain the image width to the container so that images resize instead of
|
|
causing the page to scroll horizontally */
|
|
img {
|
|
max-width: 100%
|
|
}
|
|
|
|
/* Light/Dark Theme adjustments */
|
|
|
|
.light-theme {
|
|
/* This is the same link color as the main Flutter site */
|
|
--main-hyperlinks-color: rgb(19, 137, 253);
|
|
--main-footer-background: #eee;
|
|
}
|
|
|
|
.dark-theme {
|
|
--main-hyperlinks-color: rgb(81, 167, 254);
|
|
}
|
|
|
|
.light-theme footer {
|
|
color: rgb(74, 74, 74);
|
|
}
|
|
|
|
.dark-theme footer {
|
|
color:rgb(220, 220, 220);
|
|
}
|
|
|
|
body.light-theme {
|
|
color:rgb(74, 74, 74);
|
|
}
|
|
|
|
body.dark-theme {
|
|
color:rgb(220, 220, 220);
|
|
}
|
|
|
|
.dark-theme .multi-line-signature .name {
|
|
color: rgb(163, 163, 163);
|
|
}
|
|
|
|
.dark-theme .parameter-name {
|
|
color: rgb(163, 163, 163);
|
|
}
|
|
|
|
.dark-theme .parameter {
|
|
color: rgb(163, 163, 163);
|
|
}
|
|
|
|
.light-theme pre {
|
|
border: 1px solid white;
|
|
color: #222;
|
|
background-color:#eee;
|
|
}
|
|
|
|
.dark-theme pre {
|
|
border: 1px solid #444;
|
|
color: white;
|
|
background-color:rgb(23, 32, 43);
|
|
}
|
|
|
|
.dark-theme .hljs-string {
|
|
color:rgb(255, 100, 100);
|
|
}
|
|
|
|
.dark-theme .hljs-title {
|
|
color:rgb(192, 184, 255);
|
|
}
|