yogsototh/brutcss
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add a .central

Browse source
This commit is contained in:
Yann Esposito (Yogsototh) 2022-09-27 11:40:56 +02:00
parent ab659b1e89
commit 8bcf104529
Signed by untrusted user who does not match committer: yogsototh
GPG key ID: 7B19A4C650D59646
3 changed files with 16 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
brut.min.css vendored
View file

File diff suppressed because one or more lines are too long

10
h/download.html
View file

@ -18,14 +18,8 @@
</div> </div>
</nav> </nav>
<button class="btn sm btn-close">×</button> <button class="btn sm btn-close">×</button>
<div class="container"> <div class="central" style="background-image:url('img/brutalisme.jpg')">
<div class="row"> <a class="btn info huge" href="../brut.min.css">Download BRUT</a>
<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> </div>
</body> </body>
</html> </html>

13
src/components.less
View file

@ -14,6 +14,19 @@
border-color: transparent; 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 { .hero {
padding: 2rem; padding: 2rem;
outline-style: double; outline-style: double;