mirror of
https://github.com/nubenetes/awesome-kubernetes.git
synced 2026-07-12 18:00:37 +00:00
51c9ecb5ef
Same fix as v2.9.53 for V2 — the Nutanix logo is black-on-transparent and invisible in dark mode. Adds targeted CSS invert(1) via [data-md-color-scheme=slate] to docs/static/extra.css (V1 stylesheet). Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
64 lines
1.3 KiB
CSS
64 lines
1.3 KiB
CSS
/* Applies to the entire body of the HTML document (except where overridden by more specific
|
|
selectors).
|
|
|
|
body {
|
|
margin: 0px;
|
|
background-color:rgb(240,240,240);
|
|
font-family: arial, sans-serif;
|
|
font-size: 14px;
|
|
}
|
|
*/
|
|
|
|
/* Applies to all <h1>...</h1> elements.
|
|
h1 {
|
|
font-size: 35px;
|
|
font-weight: normal;
|
|
margin-top: 0px;
|
|
}
|
|
*/
|
|
|
|
/* Applies to all elements with <... class="someclass"> specified.
|
|
.someclass { color: red; }
|
|
*/
|
|
|
|
/* If you want the content area to always stretch to the available screen space,
|
|
reset max-width with the following CSS: */
|
|
.md-grid {
|
|
max-width: initial;
|
|
}
|
|
|
|
/*.md-grid {
|
|
max-width: 1440px;
|
|
}*/
|
|
|
|
/* Applies to the element with <... id="someid"> specified.
|
|
.someid { color: green; }
|
|
*/
|
|
|
|
.channel-logo {
|
|
width: 48px;
|
|
height: 48px;
|
|
object-fit: contain;
|
|
margin: 6px;
|
|
transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), filter 0.25s ease;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.channel-logo:hover {
|
|
transform: scale(1.15);
|
|
filter: brightness(1.2);
|
|
}
|
|
|
|
/* Dark-logo fix: invert black-on-transparent logos so they remain visible in dark mode */
|
|
[data-md-color-scheme="slate"] img[src*="nutanix_logo"] {
|
|
filter: invert(1);
|
|
}
|
|
[data-md-color-scheme="slate"] img[src*="nutanix_logo"]:hover {
|
|
filter: invert(1) brightness(1.2);
|
|
}
|
|
|
|
|
|
|
|
|
|
|