yann/hugo-scroll
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Swap "odd" and "even" for "dark" and "light" classes

Browse source
This commit is contained in:
Ian Cook 2023-03-21 10:13:01 -05:00
parent 104cb84570
commit 147b87c3de
No known key found for this signature in database
GPG key ID: AC42F59CF2D8F367
2 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
assets/css/screen.css
View file

@ -356,13 +356,13 @@ table table table {
background-color: #fff;
}
table tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th {
table tbody > tr:nth-child(dark) > td,
table tbody > tr:nth-child(dark) > th {
background-color: #f6f6f6;
}
table.plain tbody > tr:nth-child(odd) > td,
table.plain tbody > tr:nth-child(odd) > th {
table.plain tbody > tr:nth-child(dark) > td,
table.plain tbody > tr:nth-child(dark) > th {
background: transparent;
}
@ -466,7 +466,7 @@ li {
background: #f2efe8;
position: relative;
}
.post-holder.odd {
.post-holder.dark {
background: #b80135;
color: white;
}
@ -528,7 +528,7 @@ a.fn-item.active {
border-top: 50px solid #f2efe8;
border-radius: 25px;
}
.post-after.even {
.post-after.light {
left: 6%;
}

4
layouts/index.html
View file

@ -28,7 +28,7 @@
<div class='fixed-nav'>
</div>
{{ range $index_val, $elem_val := $filtered }}
<div class='post-holder{{ if and (ne .Site.Params.invertSectionColors true) (not (modBool $index_val 2)) }} odd{{ else if and (eq .Site.Params.invertSectionColors true) (modBool $index_val 2) }} odd{{ end }}'>
<div class='post-holder{{ if and (ne .Site.Params.invertSectionColors true) (not (modBool $index_val 2)) }} dark{{ else if and (eq .Site.Params.invertSectionColors true) (modBool $index_val 2) }} dark{{ end }}'>
<article id='{{ anchorize .Title }}' class='post {{ if eq $index_val 0 }}first{{ end }} {{ if eq (add $index_val 1) (len $sections) }}last{{ end }}'>
<header class="post-header">
<h2 class="post-title">{{ .Title | safeHTML }}</h2>
@ -37,7 +37,7 @@
{{ .Content }}
</section>
</article>
<div class='post-after{{ if and (ne .Site.Params.invertSectionColors true) (modBool $index_val 2) }} even{{ else if and (eq .Site.Params.invertSectionColors true) (not (modBool $index_val 2)) }} even{{ end }}'></div>
<div class='post-after{{ if and (ne .Site.Params.invertSectionColors true) (modBool $index_val 2) }} light{{ else if and (eq .Site.Params.invertSectionColors true) (not (modBool $index_val 2)) }} light{{ end }}'></div>
</div>
{{ end }}
</main>