Template:Neodyland Wiki/styles.css: Difference between revisions
Template page
More actions
Add responsive homepage styles for Neodyland Wiki |
Add responsive homepage styles for Neodyland Wiki |
||
| Line 66: | Line 66: | ||
min-height: 31rem; | min-height: 31rem; | ||
overflow: hidden; | overflow: hidden; | ||
padding: clamp( | padding: clamp(1rem, 4vw, 3.5rem) 0; | ||
border: | border: 0; | ||
border-radius: | border-radius: 0; | ||
background: | background: none; | ||
isolation: isolate; | isolation: isolate; | ||
} | } | ||
.nl-hero::before { | .nl-hero::before { | ||
display: none; | |||
content: none; | |||
content: | |||
} | } | ||
| Line 90: | Line 84: | ||
max-width: 46rem; | max-width: 46rem; | ||
animation: nl-rise 700ms cubic-bezier(0.16, 1, 0.3, 1) both; | animation: nl-rise 700ms cubic-bezier(0.16, 1, 0.3, 1) both; | ||
} | } | ||
| Line 104: | Line 89: | ||
min-height: 6.5rem; | min-height: 6.5rem; | ||
margin-bottom: 1.5rem; | margin-bottom: 1.5rem; | ||
} | } | ||
| Line 565: | Line 546: | ||
@media (max-width: 600px) { | @media (max-width: 600px) { | ||
.nl-hero { padding: | .nl-hero { padding: 1rem 0; } | ||
.nl-wordmark { min-height: 4.5rem; } | .nl-wordmark { min-height: 4.5rem; } | ||
.nl-wordmark img { width: min(18rem, 100%); } | .nl-wordmark img { width: min(18rem, 100%); } | ||