From 414fd397cae4d7b738d2c08b715b2fcd4134d2a9 Mon Sep 17 00:00:00 2001 From: Michael Fabian 'Xaymar' Dirks Date: Sun, 26 Dec 2021 09:52:22 +0100 Subject: [PATCH] Improve CSS styling --- _config.yml | 6 +++--- _includes/page_start.liquid | 1 + _sass/_header.scss | 14 +++++++------- 3 files changed, 11 insertions(+), 10 deletions(-) diff --git a/_config.yml b/_config.yml index 6092742..233c25a 100644 --- a/_config.yml +++ b/_config.yml @@ -76,7 +76,7 @@ xaymar: info: home: 'Home' footer: - copyright: "2021 © Michael Fabian 'Xaymar' Dirks" + copyright: "© 2021 Michael Fabian 'Xaymar' Dirks" index: readmore: 'Read More' excerpt: @@ -183,7 +183,7 @@ autopages: silent: false slugify: mode: 'default' # :cat is slugified. Modes: default, raw, pretty, ascii, latin - case: true # Whether to replace all uppercase letters with their lowercase counterparts + case: false # Whether to replace all uppercase letters with their lowercase counterparts # Collection pages, omit to disable collections: @@ -200,7 +200,7 @@ autopages: tags: layouts: - 'index.liquid' - title: ':tag' # :tag is replaced by the tag name + title: 'Tag: :tag' # :tag is replaced by the tag name permalink: '/tag/:tag' silent: false slugify: diff --git a/_includes/page_start.liquid b/_includes/page_start.liquid index e30c764..3dd8071 100644 --- a/_includes/page_start.liquid +++ b/_includes/page_start.liquid @@ -45,6 +45,7 @@ {% endif %} + diff --git a/_sass/_header.scss b/_sass/_header.scss index b19fee9..22b354e 100644 --- a/_sass/_header.scss +++ b/_sass/_header.scss @@ -75,10 +75,6 @@ // -------------------------------------------------------------------------------- // Header > Navigation // -------------------------------------------------------------------------------- -#navigation-toggle { - display: none; -} - #navigation { font-size: 1.0rem; color: $theme-menu-color; @@ -98,7 +94,7 @@ } // Responsive Layout -@media (pointer: coarse), (max-width: 767px) { +@media (max-width: 767px), (hover: none), (hover: on-demand) { #navigation-toggle { justify-self: stretch; align-self: center; @@ -136,13 +132,17 @@ #navigation .item { display: block; - padding: .5rem .5rem; + padding: 1.0rem 0rem; //border: 1px solid $theme-menu-background; transition: color 250ms linear; } } -@media (pointer: fine) and (min-width: 768px) { +@media (min-width: 768px) and (hover: hover) { + #navigation-toggle { + display: none; + } + #navigation { justify-self: stretch; align-self: center;