mirror of
https://github.com/McShelby/hugo-theme-relearn.git
synced 2025-01-18 19:00:24 +00:00
theme: simplify DOM to introduce flex later #210
This commit is contained in:
parent
a980b77491
commit
bf44b52dd1
5 changed files with 16 additions and 26 deletions
|
@ -1,11 +1,10 @@
|
||||||
<footer class=" footline">
|
<footer class="footline">
|
||||||
{{- with .Params.LastModifierDisplayName }}
|
{{- with .Params.LastModifierDisplayName }}
|
||||||
<i class='fas fa-user'></i> <a href="mailto:{{ $.Params.LastModifierEmail }}">{{ . }}</a> {{ with $.Date }} <i class='fas fa-calendar'></i> {{ .Format "02/01/2006" }}{{ end }}
|
<i class='fas fa-user'></i> <a href="mailto:{{ $.Params.LastModifierEmail }}">{{ . }}</a> {{ with $.Date }} <i class='fas fa-calendar'></i> {{ .Format "02/01/2006" }}{{ end }}
|
||||||
{{- end }}
|
{{- end }}
|
||||||
</footer>
|
</footer>
|
||||||
</main><!-- #body-inner -->
|
</main><!-- #body-inner -->
|
||||||
{{- partial "custom-comments.html" . }}
|
{{- partial "custom-comments.html" . }}
|
||||||
</div>
|
|
||||||
</div><!-- #body -->
|
</div><!-- #body -->
|
||||||
<div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
|
<div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
|
||||||
<div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
|
<div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
|
||||||
|
|
|
@ -28,8 +28,8 @@
|
||||||
{{- partial "menu.html" . }}
|
{{- partial "menu.html" . }}
|
||||||
<div id="body" class="default-animation">
|
<div id="body" class="default-animation">
|
||||||
<div id="sidebar-overlay"></div>
|
<div id="sidebar-overlay"></div>
|
||||||
<div class="padding highlightable">
|
<div id="top-bar" class="highlightable">
|
||||||
<div id="top-bar"><div>
|
<div>
|
||||||
{{- $showPrevNext := (and (not .Params.disableNextPrev) (not .Site.Params.disableNextPrev)) }}
|
{{- $showPrevNext := (and (not .Params.disableNextPrev) (not .Site.Params.disableNextPrev)) }}
|
||||||
{{- if $showPrevNext }}
|
{{- if $showPrevNext }}
|
||||||
{{- $parent := .Parent }}
|
{{- $parent := .Parent }}
|
||||||
|
@ -97,13 +97,14 @@
|
||||||
{{- if $toc }}
|
{{- if $toc }}
|
||||||
{{- partial "toc.html" . }}
|
{{- partial "toc.html" . }}
|
||||||
{{- end }}
|
{{- end }}
|
||||||
</div></div>
|
</div>
|
||||||
<main id="body-inner"{{if .Params.chapter}} class="chapter"{{end}}>
|
</div>
|
||||||
<div id="head-tags">
|
<main id="body-inner" class="highlightable {{if .Params.chapter}} chapter{{end}}">
|
||||||
|
<div id="head-tags">
|
||||||
{{- partial "tags.html" . }}
|
{{- partial "tags.html" . }}
|
||||||
</div>
|
</div>
|
||||||
{{- if and (not .IsHome) (not .Params.chapter) }}
|
{{- if and (not .IsHome) (not .Params.chapter) }}
|
||||||
<h1>{{ if eq .Kind "term" }}{{ .Data.Singular | humanize }} {{ default "::" .Site.Params.titleSeparator }} {{ end }}{{ .Title }}</h1>
|
<h1>{{ if eq .Kind "term" }}{{ .Data.Singular | humanize }} {{ default "::" .Site.Params.titleSeparator }} {{ end }}{{ .Title }}</h1>
|
||||||
{{- end }}
|
{{- end }}
|
||||||
|
|
||||||
{{- define "breadcrumb" }}
|
{{- define "breadcrumb" }}
|
||||||
|
|
|
@ -17,10 +17,6 @@ body {
|
||||||
pre code {
|
pre code {
|
||||||
font-size: 8.3pt;
|
font-size: 8.3pt;
|
||||||
}
|
}
|
||||||
#body .padding {
|
|
||||||
/* remove page padding - this can be set exactly in the print setup */
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
code.copy-to-clipboard-code {
|
code.copy-to-clipboard-code {
|
||||||
border-bottom-right-radius: 2px;
|
border-bottom-right-radius: 2px;
|
||||||
border-top-right-radius: 2px;
|
border-top-right-radius: 2px;
|
||||||
|
|
|
@ -359,16 +359,10 @@ th {
|
||||||
vertical-align: bottom;
|
vertical-align: bottom;
|
||||||
}
|
}
|
||||||
|
|
||||||
#body .padding {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
#body-inner {
|
#body-inner {
|
||||||
padding: 0 3rem 4rem 3rem;
|
padding: 0 3rem 4rem 3rem;
|
||||||
}
|
}
|
||||||
@media only all and (max-width: 59.938em) {
|
@media only all and (max-width: 59.938em) {
|
||||||
#body .padding {
|
|
||||||
position: static;
|
|
||||||
}
|
|
||||||
#body-inner {
|
#body-inner {
|
||||||
padding: 0 2rem 15px 2rem;
|
padding: 0 2rem 15px 2rem;
|
||||||
}
|
}
|
||||||
|
@ -908,7 +902,7 @@ td {
|
||||||
top: 50%;
|
top: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.highlightable {
|
#sidebar .highlightable {
|
||||||
padding: 1rem 0 1rem;
|
padding: 1rem 0 1rem;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
|
@ -281,7 +281,7 @@ function initMenuScrollbar(){
|
||||||
ps && ps.update();
|
ps && ps.update();
|
||||||
};
|
};
|
||||||
|
|
||||||
var ps = new PerfectScrollbar('#sidebar .highlightable');
|
var ps = new PerfectScrollbar('#content-wrapper');
|
||||||
|
|
||||||
// to inform scrollbar of resizing
|
// to inform scrollbar of resizing
|
||||||
$(window).resize(function() {
|
$(window).resize(function() {
|
||||||
|
|
Loading…
Reference in a new issue