Improve CSS styling
This commit is contained in:
+3
-3
@@ -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:
|
||||||
|
|||||||
@@ -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
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user