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

clickable headers

Browse source
This commit is contained in:
zoe 2022-04-13 19:19:58 +02:00
parent 2c56b25d22
commit 006d56f862
4 changed files with 22 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
assets/scss/colors.scss
View file

@ -119,8 +119,8 @@ h2 a {
background-color: $dark-accent1; background-color: $dark-accent1;
color: $dark-bg; color: $dark-bg;
transition: $transition-time; transition: $transition-time;
& a{ &.light {
background-color: transparent; color: $light-bg;
} }
} }
h3, h3,
@ -128,9 +128,6 @@ h3 a {
background-color: $dark-accent2; background-color: $dark-accent2;
color: $dark-bg; color: $dark-bg;
transition: $transition-time; transition: $transition-time;
& a{
background-color: transparent;
}
} }
h3.light { h3.light {
@ -156,7 +153,7 @@ h4 {
h4.light, h4.light,
h5.light, h5.light,
h6.light{ h6.light {
background-color: $light-accent3; background-color: $light-accent3;
color: $light-bg; color: $light-bg;
transition: $transition-time; transition: $transition-time;
@ -172,10 +169,10 @@ article.light a {
background-color: transparent; background-color: transparent;
color: $light-ln; color: $light-ln;
transition: $transition-time; transition: $transition-time;
&.hash-link{ &.hash-link {
color: $light-bg; color: $light-bg;
} }
&.hash-link:hover{ &.hash-link:hover {
background-color: transparent; background-color: transparent;
color: $light-bg; color: $light-bg;
} }
@ -202,29 +199,34 @@ article.light a:hover {
transition: $transition-time; transition: $transition-time;
} }
h1, h2, h3, h4, h5, h6{ h1,
&a{ h2,
h3,
h4,
h5,
h6 {
&a.light {
background-color: transparent; background-color: transparent;
color: $light-bg; color: $light-bg;
&:hover{ &:hover {
background-color: transparent; background-color: transparent;
} }
} }
} }
header.light{ header.light {
background-color: $light-bg; background-color: $light-bg;
transition: $transition-time; transition: $transition-time;
} }
header{ header {
transition: $transition-time; transition: $transition-time;
} }
.posttitle a{ .posttitle a {
background-color: transparent; background-color: transparent;
color: $dark-bg; color: $dark-bg;
&:hover{ &:hover {
background-color: transparent; background-color: transparent;
} }
} }

8
assets/scss/layout.scss
View file

@ -93,6 +93,7 @@ h4,
h5, h5,
h6 { h6 {
padding-right: 6%; padding-right: 6%;
margin-right: 6%;
padding-top: 12pt; padding-top: 12pt;
padding-bottom: 12pt; padding-bottom: 12pt;
justify-content: right; justify-content: right;
@ -100,13 +101,6 @@ h6 {
align-items: center; align-items: center;
} }
h1 {margin-right: 6%;}
h2 {margin-right: 12%;}
h3 {margin-right: 18%;}
h4 {margin-right: 24%;}
h5 {margin-right: 32%;}
h6 {margin-right: 38%;}
h2, h2,
h3, h3,
h4, h4,

1
assets/scss/style.scss
View file

@ -4,6 +4,7 @@ $toggle-height: 24pt;
* { * {
border-width: 2pt; border-width: 2pt;
transition: ease-in-out;
} }
input[type="checkbox"] { input[type="checkbox"] {

8
layouts/_default/single.html
View file

@ -3,14 +3,6 @@
<div class="titlecontainer"> <div class="titlecontainer">
<h1 id="title" class="colorswitch">{{ .Title }}</h1> <h1 id="title" class="colorswitch">{{ .Title }}</h1>
</div> </div>
<div>
{{ with .PrevInSection }}
<a class="previous colorswitch" href="{{.Permalink}}">previous: {{.Title}}</a>
{{ end }}
{{ with .NextInSection }}
<a class="next colorswitch" href="{{.Permalink}}">next: {{.Title}}</a>
{{ end }}
</div>
<div> <div>
<article id="content" class="colorswitch"> <article id="content" class="colorswitch">
{{ .Content }} {{ .Content }}