X-Git-Url: https://git.piment-noir.org/?a=blobdiff_plain;f=docs%2Fassets%2Fstyle.css;h=496e66f21b2dee0da0ac1231be3f699f863ea2ab;hb=a9d9ea34ae4621d0babc235b10614c7c8c37d88b;hp=e5093854c36f503b94a03c9c70a7d2f7f975eb7c;hpb=4101537483d2883af1f76ef2366bb7e92d0d3c4e;p=poolifier.git diff --git a/docs/assets/style.css b/docs/assets/style.css index e5093854..496e66f2 100644 --- a/docs/assets/style.css +++ b/docs/assets/style.css @@ -2,6 +2,8 @@ /* Light */ --light-color-background: #f2f4f8; --light-color-background-secondary: #eff0f1; + --light-color-warning-text: #222; + --light-color-background-warning: #e6e600; --light-color-icon-background: var(--light-color-background); --light-color-accent: #c5c7c9; --light-color-text: #222; @@ -21,6 +23,8 @@ /* Dark */ --dark-color-background: #2b2e33; --dark-color-background-secondary: #1e2024; + --dark-color-background-warning: #bebe00; + --dark-color-warning-text: #222; --dark-color-icon-background: var(--dark-color-background-secondary); --dark-color-accent: #9096a2; --dark-color-text: #f5f5f5; @@ -42,6 +46,8 @@ :root { --color-background: var(--light-color-background); --color-background-secondary: var(--light-color-background-secondary); + --color-background-warning: var(--light-color-background-warning); + --color-warning-text: var(--light-color-warning-text); --color-icon-background: var(--light-color-icon-background); --color-accent: var(--light-color-accent); --color-text: var(--light-color-text); @@ -64,6 +70,8 @@ :root { --color-background: var(--dark-color-background); --color-background-secondary: var(--dark-color-background-secondary); + --color-background-warning: var(--dark-color-background-warning); + --color-warning-text: var(--dark-color-warning-text); --color-icon-background: var(--dark-color-icon-background); --color-accent: var(--dark-color-accent); --color-text: var(--dark-color-text); @@ -93,6 +101,8 @@ body { :root[data-theme="light"] { --color-background: var(--light-color-background); --color-background-secondary: var(--light-color-background-secondary); + --color-background-warning: var(--light-color-background-warning); + --color-warning-text: var(--light-color-warning-text); --color-icon-background: var(--light-color-icon-background); --color-accent: var(--light-color-accent); --color-text: var(--light-color-text); @@ -113,6 +123,8 @@ body { :root[data-theme="dark"] { --color-background: var(--dark-color-background); --color-background-secondary: var(--dark-color-background-secondary); + --color-background-warning: var(--dark-color-background-warning); + --color-warning-text: var(--dark-color-warning-text); --color-icon-background: var(--dark-color-icon-background); --color-accent: var(--dark-color-accent); --color-text: var(--dark-color-text); @@ -130,6 +142,11 @@ body { --color-scheme: var(--dark-color-scheme); } +.always-visible, +.always-visible .tsd-signatures { + display: inherit !important; +} + h1, h2, h3, @@ -466,10 +483,9 @@ blockquote { .has-menu .col-menu { visibility: visible; transform: translate(0, 0); - display: grid; - align-items: center; - grid-template-rows: auto 1fr; - grid-gap: 1.5rem; + display: flex; + flex-direction: column; + gap: 1.5rem; max-height: 100vh; padding: 1rem 2rem; } @@ -894,7 +910,7 @@ a.tsd-index-link { margin-right: 0.8rem; } -@media (min-width: 1024px) { +@media (min-width: 1025px) { .col-content { margin: 2rem auto; } @@ -1237,6 +1253,12 @@ img { text-decoration: line-through; } +.warning { + padding: 1rem; + color: var(--color-warning-text); + background: var(--color-background-warning); +} + * { scrollbar-width: thin; scrollbar-color: var(--color-accent) var(--color-icon-background);