generated from inherentlee/11ty
@@ -1,11 +1,6 @@
|
|||||||
---
|
---
|
||||||
layout: base.njk
|
layout: base.njk
|
||||||
---
|
---
|
||||||
|
|
||||||
{% if hero %}
|
|
||||||
<img id="hero" src="{{ hero.src }}" alt="{{ hero.alt }}">
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<div id="content">
|
<div id="content">
|
||||||
<h1>{{ title }}</h1>
|
<h1>{{ title }}</h1>
|
||||||
|
|
||||||
|
|||||||
@@ -186,32 +186,3 @@ footer a:visited {
|
|||||||
footer a:focus-visible {
|
footer a:focus-visible {
|
||||||
outline: .15rem solid var(--color-accent-flipped);
|
outline: .15rem solid var(--color-accent-flipped);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Misc */
|
|
||||||
#hero {
|
|
||||||
aspect-ratio: 40 / 9;
|
|
||||||
object-fit: cover;
|
|
||||||
}
|
|
||||||
|
|
||||||
.inset-left,
|
|
||||||
.inset-right {
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* only float on larger screens */
|
|
||||||
@media (min-width: 551px) {
|
|
||||||
.inset-left,
|
|
||||||
.inset-right {
|
|
||||||
clear: both;
|
|
||||||
width: 40%;
|
|
||||||
margin: .5rem 0;
|
|
||||||
}
|
|
||||||
.inset-left {
|
|
||||||
float: left;
|
|
||||||
margin-right: 1rem;
|
|
||||||
}
|
|
||||||
.inset-right {
|
|
||||||
float: right;
|
|
||||||
margin-left: 1rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|||||||
Reference in New Issue
Block a user