pedf
/
spin
Archived
1
0
Fork 0

Vytvoření univerzální třídy pro fancy header

master
Emil Miler 3 years ago
parent bfa354038f
commit 7a4b3742a8

@ -133,7 +133,7 @@
</div> </div>
</section> </section>
<section class="articles"> <section class="articles fancyheader">
<div class="wrap"> <div class="wrap">
<h2>Články</h2> <h2>Články</h2>
<div> <div>

@ -117,20 +117,6 @@ main .team figure label {
font-weight: bold; font-weight: bold;
} }
main .articles .wrap {
display: grid;
grid-template-columns: 1fr 4fr;
grid-column-gap: 3em;
margin-bottom: 4em;
}
main .articles .wrap>h2,
main .articles .wrap>div {
margin: 0;
padding-top: 2rem;
}
main .articles .wrap>h2 { border-top: 3px solid var(--color-blue) }
main .articles .wrap>div { border-top: 3px solid #d6e2ff }
main .articles .list { main .articles .list {
display: grid; display: grid;
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);
@ -195,6 +181,23 @@ footer img:hover { transform: scale(1.1) }
transform: translate(0); transform: translate(0);
} }
.fancyheader .wrap {
display: grid;
grid-template-columns: 1fr 4fr;
grid-column-gap: 3em;
margin-bottom: 4em;
}
.fancyheader .wrap>h2,
.fancyheader .wrap>div {
margin: 0;
padding-top: 2rem;
border-top: 3px solid var(--color-blue);
}
.fancyheader .wrap>div { border-color: #d6e2ff }
@media only screen and (max-width: 1000px) { @media only screen and (max-width: 1000px) {
header { font-size: 1em } header { font-size: 1em }