Skip to content

Commit

Permalink
simplify sponsors
Browse files Browse the repository at this point in the history
  • Loading branch information
@dakur
dakur committed Jan 20, 2025
1 parent 7677647 commit 2014366
Show file tree
Hide file tree
Showing 5 changed files with 73 additions and 49 deletions.
26 changes: 13 additions & 13 deletions footer.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,40 +8,40 @@
</div>

<?php if ($hb_currentPost?->post_name !== 'nasi-partneri'): ?>
<aside class="sponsors">
<ul class="sponsors-list">
<li class="sponsors-list-item sponsors-list-item--msmt">
<aside class="sponsors hb-pi-4 hb-pb-5 hb-ta-c">
<ul class="sponsors__list [ hb-d-g hb-rg-5 hb-cg-4 hb-ji-c hb-jc-c hb-ai-c ] [ hb-mi-auto hb-mbe-5 ] hb-lst-n">
<li class="sponsors__item sponsors__item--msmt">
<a href="http://www.msmt.cz" target="_blank">
<img src="https://brontosaurus.cz/wp-content/uploads/2024/12/ministerstvo-skolstvi.png" alt="Ministerstvo školství, mládeže a tělovýchovy" class="sponsors-list-item-image">
<img src="https://brontosaurus.cz/wp-content/uploads/2024/12/ministerstvo-skolstvi.png" alt="Ministerstvo školství, mládeže a tělovýchovy" class="sponsors__item-image">
</a>
</li>

<li class="sponsors-list-item">
<li class="sponsors__item">
<a href="http://www.erasmusprogramme.com" target="_blank">
<img src="https://brontosaurus.cz/wp-content/uploads/2024/12/spolufinancovano-eu.png" alt="Spolufinancováno Evropskou unií" class="sponsors-list-item-image">
<img src="https://brontosaurus.cz/wp-content/uploads/2024/12/spolufinancovano-eu.png" alt="Spolufinancováno Evropskou unií" class="sponsors__item-image">
</a>
</li>

<li class="sponsors-list-item sponsors-list-item--mv">
<li class="sponsors__item sponsors__item--mv">
<a href="https://www.mvcr.cz" target="_blank">
<img src="https://brontosaurus.cz/wp-content/uploads/2024/12/ministerstvo-vnitra.png" alt="Ministerstvo vnitra České republiky" class="sponsors-list-item-image">
<img src="https://brontosaurus.cz/wp-content/uploads/2024/12/ministerstvo-vnitra.png" alt="Ministerstvo vnitra České republiky" class="sponsors__item-image">
</a>
</li>

<li class="sponsors-list-item sponsors-list-item--mzp">
<li class="sponsors__item sponsors__item--mzp">
<a href="https://www.mzp.cz" target="_blank">
<img src="https://brontosaurus.cz/wp-content/uploads/2024/12/ministerstvo-zivotniho-prostredi.png" alt="Ministerstvo životního prostředí" class="sponsors-list-item-image">
<img src="https://brontosaurus.cz/wp-content/uploads/2024/12/ministerstvo-zivotniho-prostredi.png" alt="Ministerstvo životního prostředí" class="sponsors__item-image">
</a>
</li>

<li class="sponsors-list-item">
<li class="sponsors__item">
<a href="https://www.sfzp.cz" target="_blank">
<img src="https://brontosaurus.cz/wp-content/uploads/2024/12/statni-fond.png" alt="Státní fond životního prostředí České republiky" class="sponsors-list-item-image">
<img src="https://brontosaurus.cz/wp-content/uploads/2024/12/statni-fond.png" alt="Státní fond životního prostředí České republiky" class="sponsors__item-image">
</a>
</li>
</ul>

Děkujeme za podporu <a class="sponsors-link" href="/nasi-partneri">všem našim partnerům</a>.
<span class="hb-fs-s">Děkujeme za podporu <a href="/nasi-partneri">všem našim partnerům</a>.</span>
</aside>
<?php endif; ?>

Expand Down
17 changes: 17 additions & 0 deletions frontend/src/styles/components/components.scss
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
.sponsors {
border-top: 2px solid var(--hb-colors-tinge);
}
.sponsors__list {
grid-template-columns: repeat(auto-fit, 8em);
max-width: 72rem;
filter: grayscale(100%);
}
.sponsors__item--msmt {
max-width: 5.6em;
}
.sponsors__item--mv {
max-width: 7.9em;
}
.sponsors__item--mzp {
max-width: 8.2em;
}
35 changes: 0 additions & 35 deletions frontend/src/styles/components/sponsors.scss
View file

This file was deleted.

2 changes: 1 addition & 1 deletion frontend/src/styles/style.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@

// components

@use "components/components";
@use "components/action";
@use "components/brontographics";
@use "components/footer";
Expand Down Expand Up @@ -41,7 +42,6 @@
@use "components/related";
@use "components/revision";
@use "components/searchForm";
@use "components/sponsors";
@use "components/screenreaders-only";

@use "pages";
Expand Down
42 changes: 42 additions & 0 deletions frontend/src/styles/utils.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -46,10 +46,12 @@
.hb-d-b { display: block; }
.hb-d-ib { display: inline-block; }
.hb-d-f { display: flex; }
.hb-d-g { display: grid; }
@media (settings.$typography-breakpoint-large-from) {
.hb-lg-d-b { display: block; }
.hb-lg-d-ib { display: inline-block; }
.hb-lg-d-f { display: flex; }
.hb-lg-d-g { display: grid; }
}

/* flex */
Expand Down Expand Up @@ -82,6 +84,26 @@
.hb-g-7 { gap: 4rlh; }
.hb-g-8 { gap: 5rlh; }
.hb-g-9 { gap: 6rlh; }
.hb-rg-0 { row-gap: 0; }
.hb-rg-1 { row-gap: 0.125rlh; }
.hb-rg-2 { row-gap: 0.25rlh; }
.hb-rg-3 { row-gap: 0.5rlh; }
.hb-rg-4 { row-gap: 1rlh; }
.hb-rg-5 { row-gap: 2rlh; }
.hb-rg-6 { row-gap: 3rlh; }
.hb-rg-7 { row-gap: 4rlh; }
.hb-rg-8 { row-gap: 5rlh; }
.hb-rg-9 { row-gap: 6rlh; }
.hb-cg-0 { column-gap: 0; }
.hb-cg-1 { column-gap: 0.125rlh; }
.hb-cg-2 { column-gap: 0.25rlh; }
.hb-cg-3 { column-gap: 0.5rlh; }
.hb-cg-4 { column-gap: 1rlh; }
.hb-cg-5 { column-gap: 2rlh; }
.hb-cg-6 { column-gap: 3rlh; }
.hb-cg-7 { column-gap: 4rlh; }
.hb-cg-8 { column-gap: 5rlh; }
.hb-cg-9 { column-gap: 6rlh; }
@media (settings.$typography-breakpoint-large-from) {
.hb-lg-fd-c { flex-direction: column; }
.hb-lg-fd-r { flex-direction: row; }
Expand Down Expand Up @@ -109,6 +131,26 @@
.hb-lg-g-7 { gap: 4rlh; }
.hb-lg-g-8 { gap: 5rlh; }
.hb-lg-g-9 { gap: 6rlh; }
.hb-lg-rg-0 { row-gap: 0; }
.hb-lg-rg-1 { row-gap: 0.125rlh; }
.hb-lg-rg-2 { row-gap: 0.25rlh; }
.hb-lg-rg-3 { row-gap: 0.5rlh; }
.hb-lg-rg-4 { row-gap: 1rlh; }
.hb-lg-rg-5 { row-gap: 2rlh; }
.hb-lg-rg-6 { row-gap: 3rlh; }
.hb-lg-rg-7 { row-gap: 4rlh; }
.hb-lg-rg-8 { row-gap: 5rlh; }
.hb-lg-rg-9 { row-gap: 6rlh; }
.hb-lg-cg-0 { column-gap: 0; }
.hb-lg-cg-1 { column-gap: 0.125rlh; }
.hb-lg-cg-2 { column-gap: 0.25rlh; }
.hb-lg-cg-3 { column-gap: 0.5rlh; }
.hb-lg-cg-4 { column-gap: 1rlh; }
.hb-lg-cg-5 { column-gap: 2rlh; }
.hb-lg-cg-6 { column-gap: 3rlh; }
.hb-lg-cg-7 { column-gap: 4rlh; }
.hb-lg-cg-8 { column-gap: 5rlh; }
.hb-lg-cg-9 { column-gap: 6rlh; }
}

.hb-f-l { float: left; }
Expand Down

0 comments on commit 2014366

Please sign in to comment.