118 lines
3.8 KiB
CSS
118 lines
3.8 KiB
CSS
/*
|
|
* Copyright 2021 The Pigweed Authors
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License"); you may not
|
|
* use this file except in compliance with the License. You may obtain a copy of
|
|
* the License at
|
|
*
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
|
* License for the specific language governing permissions and limitations under
|
|
* the License.
|
|
*/
|
|
|
|
/********** Top left logo & search bar ***********/
|
|
|
|
/* Make the "Pigweed" logo text. One day, this will be an image. */
|
|
.sidebar-brand {
|
|
font-size: 2em;
|
|
font-family: 'Inconsolata', monospace;
|
|
font-weight: bold;
|
|
letter-spacing: 0.1em;
|
|
text-transform: uppercase;
|
|
}
|
|
.sidebar-brand-text {
|
|
font-size: 2.5rem;
|
|
}
|
|
|
|
/********** General document coloring ***********/
|
|
|
|
/* Code blocks inside block quotes end up getting italicized. */
|
|
blockquote {
|
|
font-style: normal;
|
|
}
|
|
|
|
/* Update description list (dl) > description titles (dt) styles for autodoc */
|
|
|
|
/* Function signatures are gray */
|
|
dl.c>dt, dl.cpp>dt, dl.js>dt, dl.py>dt {
|
|
border: none;
|
|
border-left: 3px solid var(--color-api-function-border);
|
|
background: var(--color-api-function-background);
|
|
padding-top: 6px;
|
|
padding-bottom: 6px;
|
|
padding-left: 0.5em;
|
|
font-family: var(--font-stack--monospace);
|
|
}
|
|
|
|
/* Adjust indentation for all list types */
|
|
dl.class>dt, dl.enum-class>dt, dl.enum-struct>dt, dl.enum>dt, dl.exception>dt, dl.function>dt, dl.method>dt, dl.type>dt {
|
|
padding-left: 3em;
|
|
text-indent: -2.5em;
|
|
}
|
|
|
|
/* Class and describe signatures are blue */
|
|
dl.class>dt, dl.describe>dt {
|
|
background: var(--color-api-class-background);
|
|
color: var(--color-api-class-foreground);
|
|
border: none;
|
|
border-top: 3px solid var(--color-api-class-border);
|
|
font-family: var(--font-stack--monospace);
|
|
}
|
|
|
|
/* Adjust .. describe:: block padding */
|
|
dl.describe>dt {
|
|
display: table;
|
|
padding-top: 6px;
|
|
padding-bottom: 6px;
|
|
padding-left: 0.5em;
|
|
padding-right: 0.5em;
|
|
}
|
|
|
|
/* Function signature unindent */
|
|
.sig {
|
|
text-indent: 0em;
|
|
}
|
|
|
|
/* Diagram backgrounds should always be light */
|
|
div>svg {
|
|
background: #ffffff;
|
|
}
|
|
|
|
/* Make inline code standout more */
|
|
code.literal {
|
|
border: 1px solid var(--color-inline-code-border);
|
|
}
|
|
|
|
/* Make sure text selection colors are readable */
|
|
::selection {
|
|
color: var(--color-text-selection-foreground);
|
|
background: var(--color-text-selection-background);
|
|
}
|
|
|
|
/* Use normal mixed-case for h4, h5, and h6 */
|
|
h4, h5, h6 {
|
|
text-transform: none;
|
|
}
|
|
|
|
:root {
|
|
/* SVGs from: https://octicons-git-v2-primer.vercel.app/octicons/ */
|
|
--icon--check-circle: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M1.5 8a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0zM0 8a8 8 0 1116 0A8 8 0 010 8zm11.78-1.72a.75.75 0 00-1.06-1.06L6.75 9.19 5.28 7.72a.75.75 0 00-1.06 1.06l2 2a.75.75 0 001.06 0l4.5-4.5z"></path></svg>');
|
|
--icon--check-circle-fill: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M8 16A8 8 0 108 0a8 8 0 000 16zm3.78-9.72a.75.75 0 00-1.06-1.06L6.75 9.19 5.28 7.72a.75.75 0 00-1.06 1.06l2 2a.75.75 0 001.06 0l4.5-4.5z"></path></svg>');
|
|
}
|
|
|
|
.admonition.checkmark {
|
|
border-color: var(--color-admonition-title--tip);
|
|
}
|
|
.admonition.checkmark > .admonition-title {
|
|
background-color: var(--color-admonition-title-background--tip);
|
|
}
|
|
.admonition.checkmark > .admonition-title::before {
|
|
background-color: var(--color-admonition-title--tip);
|
|
-webkit-mask-image: var(--icon--check-circle-fill);
|
|
mask-image: var(--icon--check-circle-fill);
|
|
}
|