github.com/drud/ddev@v1.21.5-alpha1.0.20230226034409-94fcc4b94453/docs/content/assets/extra.css (about) 1 /* variables */ 2 :root { 3 /* #4051b5 (indigo primary) in decimal RGB */ 4 --custom-bg-color: rgba(64, 81, 181, .1); 5 } 6 7 /* table does not need a scrollbar, see https://github.com/drud/ddev/pull/3290#issuecomment-942888867 8 */ 9 .md-typeset__table { 10 padding-right: 0; 11 } 12 13 dt { 14 font-weight: bold; 15 } 16 17 .md-typeset :is(.admonition,details) { 18 font-size: .70rem; 19 background-color: inherit; 20 } 21 22 .md-typeset .tabbed-content { 23 background-color: var(--custom-bg-color); 24 padding: 10px; 25 } 26 27 /* only required if we have our svg logo out there */ 28 /*.md-logo {*/ 29 /* filter:invert(40%)*/ 30 /*}*/ 31 32 /* typography */ 33 .md-typeset h1, 34 .md-typeset h2, 35 .md-typeset h3, 36 .md-typeset h4, 37 .md-typeset h5, 38 .md-typeset h6 { 39 font-weight: 700; 40 margin-bottom: .5em; 41 color: var(--md-primary-fg-color); 42 } 43 44 .md-content { 45 max-width: 130ch; 46 } 47 48 /* main menu */ 49 .md-container > nav .md-tabs__item { 50 position: relative !important; 51 height: 2rem; 52 display: inline-flex; 53 justify-content: center; 54 align-items: center; 55 } 56 57 .md-container > nav .md-tabs__link { 58 margin-top: 0; 59 } 60 61 .md-container > nav .md-tabs__link:after { 62 content: ''; 63 background: #fff; 64 opacity: 0; 65 position: absolute; 66 right: 0; 67 bottom: 0; 68 left: 0; 69 top: 0; 70 } 71 72 .md-container > nav .md-tabs__link:hover:after, 73 .md-container > nav .md-tabs__link--active:after { 74 opacity: 0.1; 75 } 76 77 .md-tabs[hidden] .md-tabs__link, 78 .md-container > nav .md-tabs[hidden] .md-tabs__link { 79 transform: unset; 80 transition: opacity .3s ease; 81 } 82 83 /* blockquote */ 84 [dir=ltr] .md-typeset blockquote { 85 border-left-color: var(--md-primary-fg-color); 86 background: var(--custom-bg-color); 87 padding: .6rem 1rem; 88 } 89 90 [dir=ltr] .md-typeset blockquote strong { 91 color: var(--md-primary-fg-color); 92 } 93 94 [dir=ltr] .md-typeset blockquote p:first-child { 95 margin-top: 0; 96 } 97 98 [dir=ltr] .md-typeset blockquote p:last-child { 99 margin-bottom: 0; 100 } 101 102 /* tabs */ 103 .md-typeset .tabbed-labels label { 104 font-size: 0.75rem; 105 } 106 107 .md-typeset .tabbed-button { 108 width: 30px; 109 height: 100%; 110 border-radius: unset!important; 111 } 112 113 .md-typeset .tabbed-button:after { 114 -webkit-mask-size: cover; 115 mask-size: cover; 116 mask-position: center; 117 -webkit-mask-position: center; 118 }