|
|
|
@ -437,6 +437,78 @@ Inspired by Termynal's CSS tricks with modifications |
|
|
|
.fastapi-sponsors__card--silver .fastapi-sponsors__banner { height: 50px; } |
|
|
|
} |
|
|
|
|
|
|
|
.fastapi-conf-rail { |
|
|
|
display: block; |
|
|
|
margin: 1.25rem 0.5rem 0; |
|
|
|
padding: 0.9rem 0.85rem 0.85rem; |
|
|
|
border: 1px solid var(--md-default-fg-color--lightest); |
|
|
|
border-left: 3px solid var(--md-primary-fg-color); |
|
|
|
border-radius: 0.2rem; |
|
|
|
background: color-mix(in srgb, var(--md-primary-fg-color) 6%, transparent); |
|
|
|
color: var(--md-default-fg-color); |
|
|
|
text-decoration: none; |
|
|
|
transition: border-color 0.15s ease, background-color 0.15s ease, transform 0.15s ease; |
|
|
|
} |
|
|
|
|
|
|
|
.fastapi-conf-rail__eyebrow { |
|
|
|
display: block; |
|
|
|
font-size: 0.56rem; |
|
|
|
font-weight: 700; |
|
|
|
letter-spacing: 0.11em; |
|
|
|
text-transform: uppercase; |
|
|
|
color: var(--md-primary-fg-color); |
|
|
|
} |
|
|
|
|
|
|
|
.fastapi-conf-rail__date { |
|
|
|
display: block; |
|
|
|
margin-top: 0.45rem; |
|
|
|
font-size: 0.74rem; |
|
|
|
font-weight: 700; |
|
|
|
line-height: 1.25; |
|
|
|
} |
|
|
|
|
|
|
|
.fastapi-conf-rail__place { |
|
|
|
display: block; |
|
|
|
margin-top: 0.1rem; |
|
|
|
font-size: 0.68rem; |
|
|
|
line-height: 1.3; |
|
|
|
color: var(--md-default-fg-color--light); |
|
|
|
} |
|
|
|
|
|
|
|
.fastapi-conf-rail__summary { |
|
|
|
display: block; |
|
|
|
margin-top: 0.55rem; |
|
|
|
font-size: 0.67rem; |
|
|
|
line-height: 1.5; |
|
|
|
color: var(--md-default-fg-color--light); |
|
|
|
} |
|
|
|
|
|
|
|
.fastapi-conf-rail__cta { |
|
|
|
display: block; |
|
|
|
margin-top: 0.65rem; |
|
|
|
font-size: 0.68rem; |
|
|
|
font-weight: 700; |
|
|
|
color: var(--md-primary-fg-color); |
|
|
|
} |
|
|
|
|
|
|
|
.fastapi-conf-rail:hover { |
|
|
|
border-color: var(--md-primary-fg-color); |
|
|
|
background: color-mix(in srgb, var(--md-primary-fg-color) 10%, transparent); |
|
|
|
} |
|
|
|
|
|
|
|
.fastapi-conf-rail:hover .fastapi-conf-rail__cta, |
|
|
|
.fastapi-conf-rail:focus-visible .fastapi-conf-rail__cta { |
|
|
|
color: var(--md-accent-fg-color); |
|
|
|
text-decoration: underline; |
|
|
|
} |
|
|
|
|
|
|
|
.fastapi-conf-rail:focus-visible { |
|
|
|
outline: 2px solid var(--md-accent-fg-color); |
|
|
|
outline-offset: 2px; |
|
|
|
} |
|
|
|
|
|
|
|
.md-sidebar--primary:has(.fastapi-conf-rail) { position: static; } |
|
|
|
|
|
|
|
.fastapi-feature-banner { |
|
|
|
display: block; |
|
|
|
max-width: 680px; |
|
|
|
|