Skip to content
Snippets Groups Projects
Commit dc1aab69 authored by fanky's avatar fanky
Browse files

Merge branch 'ui_koalicni' into ui_styleguide

parents c7afc805 8d7d54be
No related branches found
No related tags found
No related merge requests found
# Pirati UI kit
# Koaliční UI kit Pirátů a STAN
This repository holds UI styleguide for Czech Pirate Party websites. It's
intention is to made a core framework to be used across all sites and build all
UI using it. This will ensure better consistency a easier updates.
This repository holds UI styleguide for the coalition of Czech Pirate Party and STAN. It's
based on [updated version](https://gitlab.pirati.cz/fanky/ui_styleguide) of Pirate Party's [UI Styleguide](https://gitlab.pirati.cz/to/weby/ui-styleguide/). It's build primarily for use on coalition's elections website but can be used for other coalition's webs too.
It is built upon:
......
......@@ -10,7 +10,7 @@
{{> atoms-basic-button(classes: "text-lg" )}}
</div>
<div>
{{> atoms-basic-button(classes: "text-lg", bodyClasses: "py-4 leading-5" )}}
{{> atoms-basic-button(classes: "text-xl", bodyClasses: "py-4 leading-5" )}}
</div>
</div>
<div class="space-y-2">
......
<div class="candidate-table container-padding--zero lg:container-padding--auto">
<div class="candidate-table container-padding--zero lg:container-padding--auto {{ classes }}">
{{> molecules-candidate-table-row }}
{{> molecules-candidate-table-row }}
{{> molecules-candidate-table-row }}
......@@ -17,7 +17,7 @@
</div>
</div>
<div class="pt-11 text-center">
{{> atoms-icon-button(icon: "ico--chevron-right", classes: "showfulltable text-lg", bodyClasses: "py-4 px-11 leading-5" ) }}
{{> atoms-icon-button(icon: "ico--chevron-right", classes: "showfulltable text-xl", bodyClasses: "py-4 px-11 leading-5" ) }}
</div>
<script>
//collapse toggle
......
<div class="candidate-table candidate-table--fadeout container-padding--zero lg:container-padding--auto">
<div class="candidate-table candidate-table--fadeout container-padding--zero lg:container-padding--auto {{ classes }}">
{{> molecules-candidate-table-row }}
{{> molecules-candidate-table-row }}
{{> molecules-candidate-table-row }}
......
<div class="candidate-table container-padding--zero lg:container-padding--auto">
<div class="candidate-table container-padding--zero lg:container-padding--auto {{ classes }}">
{{> molecules-candidate-table-row }}
{{> molecules-candidate-table-row }}
{{> molecules-candidate-table-row }}
......
......@@ -7,7 +7,7 @@
<main>
{{> organisms-candidate-card-list }}
{{> organisms-candidate-table-collapsible }}
{{> organisms-candidate-table-collapsible(classes: "pt-8") }}
</main>
</section>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment