Skip to content
Snippets Groups Projects
Commit 91cf18fb authored by xaralis's avatar xaralis
Browse files

feat: add vertical navbar and simplified footer

parent 304ecda3
No related branches found
No related tags found
No related merge requests found
Pipeline #5910 passed
<footer class="border-t border-grey-125 pt-4 flex flex-col md:flex-row md:justify-between space-y-4">
<img src="/images/logo-full-black.svg" class="w-32" alt="Pirátská strana" />
<p>Piráti, 2021. Všechna práva vyhlazena.</p>
</footer>
<div class="vertical-navbar">
<ul class="vertical-navbar__items">
<li class="vertical-navbar__item"><a aria-current="page" href="/">Rozcestník</a></li>
<li class="vertical-navbar__item vertical-navbar__item--active"><a aria-current="page" href="/registrace">Registrace</a></li>
<li class="vertical-navbar__item"><a href="/ubytovani">Ubytování</a></li>
<li class="vertical-navbar__item"><a href="/mapa">Mapa</a></li>
<li class="vertical-navbar__item"><a href="/organizatori">Organizátoři</a></li>
<li class="vertical-navbar__item"><a href="/pro-dobrovolniky">Pro dobrovolníky</a></li>
</ul>
</div>
.vertical-navbar {
@apply p-8 border-l border-grey-100 bg-grey-50 bg-opacity-50;
}
.vertical-navbar__items {
@apply h-allcaps leading-loose;
}
.vertical-navbar__item--active {
@apply font-bold bg-grey-125 block -mx-8 px-8;
}
......@@ -63,6 +63,7 @@
@import "./organisms/navbar.pcss";
@import "./organisms/subnav.pcss";
@import "./organisms/region-map.pcss";
@import "./organisms/vertical-navbar.pcss";
@import "./templates/candidate-detail.pcss";
@import "./templates/cf2021.pcss";
......
......@@ -20,8 +20,8 @@ module.exports = {
/^((sm|md|lg|xl)\:)?w-screen/,
/^((sm|md|lg|xl)\:)?h-\d\d?/,
/^((sm|md|lg|xl)\:)?h-screen/,
/^((sm|md|lg|xl)\:)?m.?-\d\d?/,
/^((sm|md|lg|xl)\:)?m.?-auto?/,
/^((sm|md|lg|xl)\:)?-?m.?-\d\d?/,
/^((sm|md|lg|xl)\:)?-?m.?-auto?/,
/^((sm|md|lg|xl)\:)?p.?-\d\d?/,
/^((sm|md|lg|xl)\:)?space-.?-\d\d?/,
/^((sm|md|lg|xl)\:)?hidden/,
......@@ -30,6 +30,7 @@ module.exports = {
/^((sm|md|lg|xl)\:)?flex/,
/^((sm|md|lg|xl)\:)?inline-flex/,
/^((sm|md|lg|xl)\:)?grid/,
/^((sm|md|lg|xl)\:)?gap-\d\d?/,
/^((sm|md|lg|xl)\:)?static/,
/^((sm|md|lg|xl)\:)?flex-row-*/,
/^((sm|md|lg|xl)\:)?flex-col-*/,
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment