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 This repository holds UI styleguide for the coalition of Czech Pirate Party and STAN. It's
intention is to made a core framework to be used across all sites and build all 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.
UI using it. This will ensure better consistency a easier updates.
It is built upon: It is built upon:
......
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
{{> atoms-basic-button(classes: "text-lg" )}} {{> atoms-basic-button(classes: "text-lg" )}}
</div> </div>
<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> </div>
<div class="space-y-2"> <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 }} {{> molecules-candidate-table-row }}
{{> molecules-candidate-table-row }} {{> molecules-candidate-table-row }}
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
</div> </div>
</div> </div>
<div class="pt-11 text-center"> <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> </div>
<script> <script>
//collapse toggle //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 }} {{> 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 }} {{> molecules-candidate-table-row }}
{{> molecules-candidate-table-row }} {{> molecules-candidate-table-row }}
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
<main> <main>
{{> organisms-candidate-card-list }} {{> organisms-candidate-card-list }}
{{> organisms-candidate-table-collapsible }} {{> organisms-candidate-table-collapsible(classes: "pt-8") }}
</main> </main>
</section> </section>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment