diff --git a/sass/mobile.scss b/sass/mobile.scss index b53d1fb..555c47d 100644 --- a/sass/mobile.scss +++ b/sass/mobile.scss @@ -3,7 +3,8 @@ @import "./footer/mobile"; @import "./page/mobile"; @import "./blog/mobile"; +@import "./tag/mobile"; header { - height: auto; + height: auto; } diff --git a/sass/tag/main.scss b/sass/tag/main.scss index 157917f..2fb2d8f 100644 --- a/sass/tag/main.scss +++ b/sass/tag/main.scss @@ -9,17 +9,42 @@ $std-trans: 0.3s; .tag__item-link { display: flex; - align-items: center; + align-items: start; + flex-direction: column; + flex: 2; } - .tag__item { border-bottom: 1px dashed #333; margin: 10px; - padding: 10px; + display: flex; + justify-content: space-between; + padding: 5px; } + .tag__item-title { font-size: 1.4rem; - font-weight: 550; +} + +.tag__meta { + font-size: 0.7rem; +} + +.tag__rss-link { + margin: auto 20px; +} + +.tag__title { + display: inline; flex: 2; } + +.tag__title-container { + margin: 35px 0; + display: flex; +} + + +.tag__rss-link--single { + margin: auto; +} diff --git a/sass/tag/mobile.scss b/sass/tag/mobile.scss new file mode 100644 index 0000000..1693272 --- /dev/null +++ b/sass/tag/mobile.scss @@ -0,0 +1,8 @@ +.tag__title-container { + flex-direction: column; +} + + +.tag__rss-link--icon { + margin: auto 0px; +} diff --git a/templates/tags/list.html b/templates/tags/list.html new file mode 100644 index 0000000..79cb167 --- /dev/null +++ b/templates/tags/list.html @@ -0,0 +1,37 @@ +{% extends "base.html" %} {% block meta %} + +{% set title = taxonomy.name %} +{% set description = title %} +{{ macros::get_meta_tags(title=title, description=description) }} + + + +{% endblock meta %} {% block content %} + + +
+ +
+{% endblock content %} diff --git a/templates/tags/single.html b/templates/tags/single.html new file mode 100644 index 0000000..23ddc84 --- /dev/null +++ b/templates/tags/single.html @@ -0,0 +1,43 @@ +{% extends "base.html" %} {% block meta %} + +{% set description = term.name %} +{{ macros::get_meta_tags(title=description, description=description) }} + +{% endblock meta %} {% block content %} + +
+ +
+

#{{ term.name }}

+ + RSS icon +
+ +
+ {% block rss %} + + {% endblock %} +{% endblock content %}