Template:GuidePage/Stylez.css: Difference between revisions
No edit summary |
No edit summary Tag: Manual revert |
||
| (28 intermediate revisions by 2 users not shown) | |||
| Line 6: | Line 6: | ||
display: none; | display: none; | ||
} | } | ||
:root { | |||
--content-border: color-mix(in srgb, var(--colour-theme-800), white 80%); | |||
--font-text: 'Nunito', sans-serif; | |||
} | |||
#content { | #content { | ||
background-color: var(--colour-theme-50) !important; | background-color: var(--colour-theme-50) !important; | ||
border-color: var(--content-border); | |||
} | |||
.vector-menu-tabs-legacy .selected { | |||
background: linear-gradient(to top, var(--colour-theme-50) 0, #fff 100%); | |||
} | |||
.vector-menu-tabs-legacy li { | |||
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 14: | Line 34: | ||
background-color: white; | background-color: white; | ||
padding: 1rem; | padding: 1rem; | ||
border-radius: 8px; | |||
border-radius: | |||
margin: auto; | margin: auto; | ||
max-width: 48rem; | max-width: 48rem; | ||
border: 1px solid color-mix(in srgb, var(--colour-theme- | 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 38: | 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 61: | Line 83: | ||
.guide-main { | .guide-main { | ||
font-family: 'Nunito', sans-serif; | |||
color: var(--colour-grey-900); | |||
} | |||
.guide-main h2 { | |||
font-family: inherit; | |||
border: none; | |||
} | |||
.guide-main h2 .mw-headline { | |||
font-weight: 800; | |||
} | |||
p.lede { | |||
font-size: 1.15rem; | |||
font-weight: 450; | |||
color: var(--colour-grey-800); | |||
text-wrap: balance; | |||
} | } | ||