kienan
/
hugo-theme-zzo
mirror of https://github.com/zzossig/hugo-theme-zzo.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

tag ui rtl support

This commit is contained in:
zzossig 2020-01-31 18:45:42 +09:00
parent 12319a9402
commit c8288fc506
5 changed files with 61 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
assets/sass/components/_taxo.scss
View File

@ -24,12 +24,35 @@
&__link {
text-decoration: none !important;
&[data-dir="ltr"] {
.taxo__text {
border-top-left-radius: 0.175rem;
border-bottom-left-radius: 0.175rem;
}
.taxo__num {
padding: 0.125rem 0.25rem;
border-top-right-radius: 0.175rem;
border-bottom-right-radius: 0.175rem;
}
}
&[data-dir="rtl"] {
.taxo__text {
border-top-right-radius: 0.175rem;
border-bottom-right-radius: 0.175rem;
}
.taxo__num {
padding: 0.125rem 0.25rem;
border-top-left-radius: 0.175rem;
border-bottom-left-radius: 0.175rem;
}
}
}
&__text {
border-top-left-radius: 0.175rem;
border-bottom-left-radius: 0.175rem;
@include on-event {
text-decoration: underline !important;
}
@ -39,10 +62,6 @@
}
&__num {
padding: 0.125rem 0.25rem;
border-top-right-radius: 0.175rem;
border-bottom-right-radius: 0.175rem;
@include themify($themes) {
color: themed('taxo-num-color');
background-color: themed('taxo-num-background-color');
@ -70,28 +89,52 @@
.is-tags {
border-radius: 0.175rem;
padding: 0.125rem 0 0.125rem 0.25rem;
@include themify($themes) {
color: themed('taxo-tags-color');
background-color: themed('taxo-tags-background-color');
}
}
&[data-dir="ltr"] {
padding: 0.125rem 0 0.125rem 0.25rem;
}
&[data-dir="rtl"] {
padding: 0.125rem 0.25rem 0.125rem 0;
}
}
.is-categories {
border-radius: 0.175rem;
padding: 0.125rem 0 0.125rem 0.25rem;
@include themify($themes) {
color: themed('taxo-categories-color');
background-color: themed('taxo-categories-background-color');
}
&[data-dir="ltr"] {
padding: 0.125rem 0 0.125rem 0.25rem;
}
&[data-dir="rtl"] {
padding: 0.125rem 0.25rem 0.125rem 0;
}
}
.is-series {
border-radius: 0.175rem;
padding: 0.125rem 0 0.125rem 0.25rem;
@include themify($themes) {
color: themed('taxo-series-color');
background-color: themed('taxo-series-background-color');
}
&[data-dir="ltr"] {
padding: 0.125rem 0 0.125rem 0.25rem;
}
&[data-dir="rtl"] {
padding: 0.125rem 0.25rem 0.125rem 0;
}
}
}

2
exampleSite/resources/_gen/assets/scss/sass/main.scss_b4f67ac5085b89b62b54c1923e5a9145.content
View File

File diff suppressed because one or more lines are too long

4
layouts/partials/taxonomy/taxonomy-categories.html
View File

@ -9,11 +9,11 @@
{{ range $index, $element := .Site.Taxonomies.categories }}
{{ if $index }}
<span class="tag">
<a href="{{ $element.Page.RelPermalink }}" class="is-categories taxo__link">
<a href="{{ $element.Page.RelPermalink }}" class="is-categories taxo__link" data-dir="{{ if eq ($.Param "languagedir") "rtl" }}rtl{{ else }}ltr{{ end }}">
<span class="taxo__text">
{{ $element.Page.Title }}
</span>
<span class="taxo__num">
<span class="taxo__num" dir="auto">
{{ printf "%#v" (len $element) }}
</span>
</a>

4
layouts/partials/taxonomy/taxonomy-series.html
View File

@ -9,11 +9,11 @@
{{ range $index, $element := .Site.Taxonomies.series }}
{{ if $index }}
<span class="tag">
<a href="{{ $element.Page.RelPermalink }}" class="is-series taxo__link">
<a href="{{ $element.Page.RelPermalink }}" class="is-series taxo__link" data-dir="{{ if eq ($.Param "languagedir") "rtl" }}rtl{{ else }}ltr{{ end }}">
<span class="taxo__text">
{{ $element.Page.Title }}
</span>
<span class="taxo__num">
<span class="taxo__num" dir="auto">
{{ printf "%#v" (len $element) }}
</span>
</a>

4
layouts/partials/taxonomy/taxonomy-tags.html
View File

@ -9,11 +9,11 @@
{{ range $index, $element := .Site.Taxonomies.tags }}
{{ if $index }}
<span class="tag">
<a href="{{ $element.Page.RelPermalink }}" class="is-tags taxo__link">
<a href="{{ $element.Page.RelPermalink }}" class="is-tags taxo__link" data-dir="{{ if eq ($.Param "languagedir") "rtl" }}rtl{{ else }}ltr{{ end }}">
<span class="taxo__text">
{{ $element.Page.Title }}
</span>
<span class="taxo__num">
<span class="taxo__num" dir="auto">
{{ printf "%#v" (len $element) }}
</span>
</a>