Improve CSS styling

This commit is contained in:
Michael Fabian 'Xaymar' Dirks
2021-12-26 09:52:22 +01:00
parent 2a6849c5d3
commit 414fd397ca
3 changed files with 11 additions and 10 deletions
+3 -3
View File
@@ -76,7 +76,7 @@ xaymar:
info: info:
home: 'Home' home: 'Home'
footer: footer:
copyright: "2021 © Michael Fabian 'Xaymar' Dirks" copyright: "© 2021 Michael Fabian 'Xaymar' Dirks"
index: index:
readmore: 'Read More' readmore: 'Read More'
excerpt: excerpt:
@@ -183,7 +183,7 @@ autopages:
silent: false silent: false
slugify: slugify:
mode: 'default' # :cat is slugified. Modes: default, raw, pretty, ascii, latin 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 # Collection pages, omit to disable
collections: collections:
@@ -200,7 +200,7 @@ autopages:
tags: tags:
layouts: layouts:
- 'index.liquid' - 'index.liquid'
title: ':tag' # :tag is replaced by the tag name title: 'Tag: :tag' # :tag is replaced by the tag name
permalink: '/tag/:tag' permalink: '/tag/:tag'
silent: false silent: false
slugify: slugify:
+1
View File
@@ -45,6 +45,7 @@
{% endif %} {% endif %}
<meta property="article:published_time" content="{{ page.date | default: site.time | date_to_xmlschema }}" /> <meta property="article:published_time" content="{{ page.date | default: site.time | date_to_xmlschema }}" />
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="dark">
<link rel="icon" href="{{ site.xaymar.data.logo | absolute_url }}?timestamp={{ site.time | date_to_xmlschema }}"> <link rel="icon" href="{{ site.xaymar.data.logo | absolute_url }}?timestamp={{ site.time | date_to_xmlschema }}">
<link rel="stylesheet" href="{{ site.xaymar.data.css | absolute_url }}?timestamp={{ site.time | date_to_xmlschema }}"> <link rel="stylesheet" href="{{ site.xaymar.data.css | absolute_url }}?timestamp={{ site.time | date_to_xmlschema }}">
<link rel="alternate" type="application/rss+xml" href="{{ site.xaymar.data.rss | absolute_url }}"> <link rel="alternate" type="application/rss+xml" href="{{ site.xaymar.data.rss | absolute_url }}">
+7 -7
View File
@@ -75,10 +75,6 @@
// -------------------------------------------------------------------------------- // --------------------------------------------------------------------------------
// Header > Navigation // Header > Navigation
// -------------------------------------------------------------------------------- // --------------------------------------------------------------------------------
#navigation-toggle {
display: none;
}
#navigation { #navigation {
font-size: 1.0rem; font-size: 1.0rem;
color: $theme-menu-color; color: $theme-menu-color;
@@ -98,7 +94,7 @@
} }
// Responsive Layout // Responsive Layout
@media (pointer: coarse), (max-width: 767px) { @media (max-width: 767px), (hover: none), (hover: on-demand) {
#navigation-toggle { #navigation-toggle {
justify-self: stretch; justify-self: stretch;
align-self: center; align-self: center;
@@ -136,13 +132,17 @@
#navigation .item { #navigation .item {
display: block; display: block;
padding: .5rem .5rem; padding: 1.0rem 0rem;
//border: 1px solid $theme-menu-background; //border: 1px solid $theme-menu-background;
transition: color 250ms linear; transition: color 250ms linear;
} }
} }
@media (pointer: fine) and (min-width: 768px) { @media (min-width: 768px) and (hover: hover) {
#navigation-toggle {
display: none;
}
#navigation { #navigation {
justify-self: stretch; justify-self: stretch;
align-self: center; align-self: center;