Template:GuidePage/Stylez.css: Difference between revisions
No edit summary |
No edit summary Tag: Manual revert |
||
| (21 intermediate revisions by 2 users not shown) | |||
| Line 7: | Line 7: | ||
} | } | ||
:root { | :root { | ||
--content-border: color-mix(in srgb, var(--colour-theme-800), | --content-border: color-mix(in srgb, var(--colour-theme-800), white 80%); | ||
--font-text: 'Nunito', sans-serif; | |||
} | } | ||
#content { | #content { | ||
| Line 14: | Line 15: | ||
} | } | ||
.vector-menu-tabs-legacy .selected { | |||
background: linear-gradient(to top, var(--colour-theme-50) 0, #fff 100%); | |||
} | |||
.vector-menu-tabs-legacy li { | .vector-menu-tabs-legacy li { | ||
background-image: linear-gradient(to top, var(--content-border) 0, var(--colour-theme- | background-image: linear-gradient(to top, var(--content-border) 0, var(--colour-theme-100) 1px, #fff 100%); | ||
} | |||
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { | |||
background-image: linear-gradient(to bottom, transparent 0, var(--content-border) 100%); | |||
} | |||
.vector-menu-tabs-legacy li a { | |||
color: var(--colour-theme-600); | |||
} | } | ||
| Line 25: | Line 38: | ||
max-width: 48rem; | max-width: 48rem; | ||
border: 1px solid color-mix(in srgb, var(--colour-theme-900), transparent 90%); | border: 1px solid color-mix(in srgb, var(--colour-theme-900), transparent 90%); | ||
font-family: var(--font-text); | |||
} | } | ||
.guide-header { | .guide-header { | ||
height: 8rem; | min-height: 8rem; | ||
display: grid; | display: grid; | ||
align-items: end; | align-items: end; | ||
color: var(--colour-grey-900); | color: var(--colour-grey-900); | ||
font-family: | font-family: var(--font-text); | ||
} | } | ||
| Line 44: | Line 57: | ||
font-weight: 1000; | font-weight: 1000; | ||
font-size: 3.5rem; | font-size: clamp(2rem, 6vw, 3.5rem); | ||
line-height: 1.25; | |||
margin-top: .5rem; | |||
margin-bottom: 1rem; | |||
color: var(--colour-theme-600); | color: var(--colour-theme-600); | ||
| Line 69: | Line 85: | ||
font-family: 'Nunito', sans-serif; | font-family: 'Nunito', sans-serif; | ||
color: var(--colour-grey-900); | color: var(--colour-grey-900); | ||
} | |||
.guide-main h2 { | |||
font-family: inherit; | |||
border: none; | |||
} | |||
.guide-main h2 .mw-headline { | |||
font-weight: 800; | |||
} | } | ||