Float tags to the end of post card

This commit is contained in:
daudix
2024-07-07 16:48:19 +03:00
parent 746f71bdf7
commit 7e629c95ff
3 changed files with 10 additions and 2 deletions

View File

@ -42,6 +42,7 @@
box-shadow: var(--edge-highlight); box-shadow: var(--edge-highlight);
border-radius: var(--rounded-corner); border-radius: var(--rounded-corner);
border-top-right-radius: 2.125rem; border-top-right-radius: 2.125rem;
border-bottom-right-radius: 1.8125rem;
background-color: var(--yellow-bg); background-color: var(--yellow-bg);
padding: 1rem; padding: 1rem;
overflow: hidden; overflow: hidden;
@ -106,6 +107,9 @@
:root[dir*="rtl"] & { :root[dir*="rtl"] & {
border-top-right-radius: var(--rounded-corner); border-top-right-radius: var(--rounded-corner);
border-top-left-radius: 2.125rem; border-top-left-radius: 2.125rem;
border-bottom-right-radius: var(--rounded-corner);
border-bottom-left-radius: 1.8125rem;
&:hover::before { &:hover::before {
transform: translateY(-50%) rotate(-62deg) scale(1.5); transform: translateY(-50%) rotate(-62deg) scale(1.5);
@ -174,6 +178,10 @@
background-color: var(--yellow-fg); background-color: var(--yellow-fg);
} }
} }
.tags {
float: inline-end;
}
} }
hr:last-of-type { hr:last-of-type {

View File

@ -56,7 +56,7 @@
{%- endif %} {%- endif %}
{%- if page.taxonomies %} {%- if page.taxonomies %}
{%- for name, taxon in page.taxonomies %} {%- for name, taxon in page.taxonomies %}
<ul class="tags inline"> <ul class="tags">
{%-for item in taxon %} {%-for item in taxon %}
<li><a class="tag" href="{{ get_taxonomy_url(kind=name, name=item, lang=lang) }}">{{ item }}</a></li> <li><a class="tag" href="{{ get_taxonomy_url(kind=name, name=item, lang=lang) }}">{{ item }}</a></li>
{%- endfor %} {%- endfor %}

View File

@ -53,7 +53,7 @@
{%- endif %} {%- endif %}
{%- if page.taxonomies %} {%- if page.taxonomies %}
{%- for name, taxon in page.taxonomies %} {%- for name, taxon in page.taxonomies %}
<ul class="tags inline"> <ul class="tags">
{%-for item in taxon %} {%-for item in taxon %}
<li><a class="tag" href="{{ get_taxonomy_url(kind=name, name=item, lang=lang) }}">{{ item }}</a></li> <li><a class="tag" href="{{ get_taxonomy_url(kind=name, name=item, lang=lang) }}">{{ item }}</a></li>
{%- endfor %} {%- endfor %}