Add a .central
This commit is contained in:
parent
ab659b1e89
commit
8bcf104529
3 changed files with 16 additions and 9 deletions
2
brut.min.css
vendored
2
brut.min.css
vendored
File diff suppressed because one or more lines are too long
|
@ -18,14 +18,8 @@
|
|||
</div>
|
||||
</nav>
|
||||
<button class="btn sm btn-close">×</button>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="c12">
|
||||
<div class="card col" style="min-height:40rem; background:url('img/brutalisme.jpg'); background-size: 100%; align-items:center;">
|
||||
<a class="btn info huge" href="../brut.min.css">Download BRUT</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="central" style="background-image:url('img/brutalisme.jpg')">
|
||||
<a class="btn info huge" href="../brut.min.css">Download BRUT</a>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -14,6 +14,19 @@
|
|||
border-color: transparent;
|
||||
}
|
||||
|
||||
.central {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-size: cover;
|
||||
min-height: 100vh;
|
||||
}
|
||||
/* If central is close to a button it should indicate we have a nav bar*/
|
||||
/* in this case, we should remove the size of the navbar */
|
||||
button ~ .central {
|
||||
min-height: calc(100vh - 50px);
|
||||
}
|
||||
|
||||
.hero {
|
||||
padding: 2rem;
|
||||
outline-style: double;
|
||||
|
|
Loading…
Reference in a new issue