1/* 2 * Copyright 2021 The Pigweed Authors 3 * 4 * Licensed under the Apache License, Version 2.0 (the "License"); you may not 5 * use this file except in compliance with the License. You may obtain a copy of 6 * the License at 7 * 8 * https://www.apache.org/licenses/LICENSE-2.0 9 * 10 * Unless required by applicable law or agreed to in writing, software 11 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT 12 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the 13 * License for the specific language governing permissions and limitations under 14 * the License. 15 */ 16 17/********** Top left logo & search bar ***********/ 18 19/* Make the "Pigweed" logo text. One day, this will be an image. */ 20.sidebar-brand { 21 font-size: 2em; 22 font-family: 'Inconsolata', monospace; 23 font-weight: bold; 24 letter-spacing: 0.1em; 25 text-transform: uppercase; 26} 27.sidebar-brand-text { 28 font-size: 2.5rem; 29} 30 31/********** General document coloring ***********/ 32 33/* Code blocks inside block quotes end up getting italicized. */ 34blockquote { 35 font-style: normal; 36} 37 38/* Update description list (dl) > description titles (dt) styles for autodoc */ 39 40/* Function signatures are gray */ 41dl.c>dt, dl.cpp>dt, dl.js>dt, dl.py>dt { 42 border: none; 43 border-left: 3px solid var(--color-api-function-border); 44 background: var(--color-api-function-background); 45 padding-top: 6px; 46 padding-bottom: 6px; 47 padding-left: 0.5em; 48 font-family: var(--font-stack--monospace); 49} 50 51/* Adjust indentation for all list types */ 52dl.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 { 53 padding-left: 3em; 54 text-indent: -2.5em; 55} 56 57/* Class and describe signatures are blue */ 58dl.class>dt, dl.describe>dt { 59 background: var(--color-api-class-background); 60 color: var(--color-api-class-foreground); 61 border: none; 62 border-top: 3px solid var(--color-api-class-border); 63 font-family: var(--font-stack--monospace); 64} 65 66/* Adjust .. describe:: block padding */ 67dl.describe>dt { 68 display: table; 69 padding-top: 6px; 70 padding-bottom: 6px; 71 padding-left: 0.5em; 72 padding-right: 0.5em; 73} 74 75/* Function signature unindent */ 76.sig { 77 text-indent: 0em; 78} 79 80/* Diagram backgrounds should always be light */ 81div>svg { 82 background: #ffffff; 83} 84 85/* Make inline code standout more */ 86code.literal { 87 border: 1px solid var(--color-inline-code-border); 88} 89 90/* Make sure text selection colors are readable */ 91::selection { 92 color: var(--color-text-selection-foreground); 93 background: var(--color-text-selection-background); 94} 95 96/* Use normal mixed-case for h4, h5, and h6 */ 97h4, h5, h6 { 98 text-transform: none; 99} 100 101:root { 102 /* SVGs from: https://octicons-git-v2-primer.vercel.app/octicons/ */ 103 --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>'); 104 --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>'); 105} 106 107.admonition.checkmark { 108 border-color: var(--color-admonition-title--tip); 109} 110.admonition.checkmark > .admonition-title { 111 background-color: var(--color-admonition-title-background--tip); 112} 113.admonition.checkmark > .admonition-title::before { 114 background-color: var(--color-admonition-title--tip); 115 -webkit-mask-image: var(--icon--check-circle-fill); 116 mask-image: var(--icon--check-circle-fill); 117} 118