zoe/hugo-battheme
1
0
Fork 0
mirror of https://git.kittycat.homes/zoe/hugo-battheme.git synced 2024-08-15 03:25:18 +00:00
Code Issues Projects Releases Wiki Activity

hover icons for header links

Browse source
This commit is contained in:
Zoe 2022-04-18 10:42:54 +02:00
parent 3967fa1027
commit 38b4fbd855
5 changed files with 28 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
assets/scss/colors.scss
View file

@ -35,7 +35,7 @@ a {
color: $dark-ln; color: $dark-ln;
} }
.randomword-button{ .randomword-button {
&.light { &.light {
border-color: $light-fg; border-color: $light-fg;
background-color: $light-bg; background-color: $light-bg;
@ -48,7 +48,7 @@ a {
border-color: $dark-fg; border-color: $dark-fg;
background-color: $dark-bg; background-color: $dark-bg;
color: $dark-fg; color: $dark-fg;
&:hover{ &:hover {
color: $dark-bg; color: $dark-bg;
background-color: $dark-fg; background-color: $dark-fg;
} }
@ -229,6 +229,15 @@ h6 {
} }
h1 { h1 {
& a {
&.light {
color: $light-bg;
}
color: $dark-bg;
&:hover {
background-color: transparent;
}
}
& #rss-title { & #rss-title {
background-color: transparent; background-color: transparent;
color: $dark-bg; color: $dark-bg;

14
assets/scss/style.scss
View file

@ -75,6 +75,20 @@ h5,
h6 { h6 {
border-top-right-radius: $radius; border-top-right-radius: $radius;
border-bottom-right-radius: $radius; border-bottom-right-radius: $radius;
& .with-rss {
&:hover {
&::before {
content: "";
}
}
}
& .singlepagelink {
&:hover {
&::before{
content: "./";
}
}
}
& .hash-link { & .hash-link {
&:hover { &:hover {
cursor: pointer; cursor: pointer;

2
layouts/_default/list.html
View file

@ -2,7 +2,7 @@
<main> <main>
<article class="colorswitch"> <article class="colorswitch">
<header> <header>
<h1 id="title"><a href="./index.xml" class="colorswitch with-rss" id="rss-title">{{.Title}} </a></h1> <h1 id="title"><a target="_blank" rel="noreferrer noopener" href="./index.xml" class="colorswitch with-rss" id="rss-title">{{.Title}} </a></h1>
</header> </header>
<!-- "{{.Content}}" pulls from the markdown content of the corresponding _index.md --> <!-- "{{.Content}}" pulls from the markdown content of the corresponding _index.md -->
{{.Content}} {{.Content}}

2
layouts/_default/single.html
View file

@ -1,7 +1,7 @@
{{ define "main" }} {{ define "main" }}
<section id="main"> <section id="main">
<div class="titlecontainer"> <div class="titlecontainer">
<h1 id="title" class="colorswitch">{{ .Title }}</h1> <h1 id="title" class="colorswitch"><a href="./" class="colorswitch singlepagelink">{{ .Title }}</a></h1>
</div> </div>
<div> <div>
<article id="content" class="colorswitch"> <article id="content" class="colorswitch">

2
layouts/index.html
View file

@ -1,6 +1,6 @@
{{ define "main" }} {{ define "main" }}
<header> <header>
<h1 id="title"><a href="./index.xml" class="colorswitch with-rss" id="rss-title">{{.Title}} </a></h1> <h1 id="title"><a target="_blank" rel="noreferrer noopener" href="./index.xml" class="colorswitch with-rss" id="rss-title">{{.Title}} </a></h1>
</header> </header>
<article id="content" class="colorswitch"> <article id="content" class="colorswitch">
<p> <p>