diff --git a/source/_patterns/02-organisms/02-simplified-footer/simplified-footer.mustache b/source/_patterns/02-organisms/02-simplified-footer/simplified-footer.mustache new file mode 100644 index 0000000000000000000000000000000000000000..d42294aca565417f912b27e648bdc032afe46dac --- /dev/null +++ b/source/_patterns/02-organisms/02-simplified-footer/simplified-footer.mustache @@ -0,0 +1,4 @@ +<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> diff --git a/source/_patterns/02-organisms/11-vertical-navbar/vertical-navbar.mustache b/source/_patterns/02-organisms/11-vertical-navbar/vertical-navbar.mustache new file mode 100644 index 0000000000000000000000000000000000000000..28d4bba18d8218bd45407bc4300b150b746bd104 --- /dev/null +++ b/source/_patterns/02-organisms/11-vertical-navbar/vertical-navbar.mustache @@ -0,0 +1,10 @@ +<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> diff --git a/source/css/organisms/vertical-navbar.pcss b/source/css/organisms/vertical-navbar.pcss new file mode 100644 index 0000000000000000000000000000000000000000..8309aa76b85d1505e62d43ec90bac08b0727b324 --- /dev/null +++ b/source/css/organisms/vertical-navbar.pcss @@ -0,0 +1,11 @@ +.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; +} diff --git a/source/css/style.pcss b/source/css/style.pcss index 1c398c1fb866d50abcaaa71484aae6725e47ef3e..9b5561d103de047b049a76ee8186378f8c638e4f 100644 --- a/source/css/style.pcss +++ b/source/css/style.pcss @@ -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"; diff --git a/tailwind.config.js b/tailwind.config.js index f4640ed9990f359d146bcdad22154caff246713b..345169cbfc90f391df24c7ebf3a9d7fc5669d094 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -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-*/,