archive/theorangeone.net-legacy
1
Fork 0
Code Activity

Increase padding and spacing on content

Browse source 
This makes everything feel much easier to read!
This commit is contained in:
Jake Howard 2020-07-28 08:55:09 +01:00
parent 1282d7f8fc
commit 22ebabbadf
Signed by: jake
GPG key ID: 57AFB45680EDD477
4 changed files with 11 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
layouts/partials/content.html
View file

@ -21,7 +21,7 @@
<hr /> <hr />
<div class="content mt-3"> <div class="content mt-3">
{{ if .TableOfContents }} {{ if .TableOfContents }}
<div class="float-lg-right ml-lg-3 mb-2 p-3"> <div class="float-lg-right ml-lg-3 mb-3 p-3">
{{ .TableOfContents }} {{ .TableOfContents }}
</div> </div>
{{ end }} {{ end }}

2
layouts/partials/share.html
View file

@ -1,5 +1,5 @@
{{ if .Section }} {{ if .Section }}
<div class="container mt-4 text-center"> <div class="container mt-5 text-center">
<small>Share this page</small> <small>Share this page</small>
<h3> <h3>
<a href="https://twitter.com/intent/tweet?text={{ .Permalink }}"><i class="mx-1 fab fa-twitter" aria-hidden="true"></i></a> <a href="https://twitter.com/intent/tweet?text={{ .Permalink }}"><i class="mx-1 fab fa-twitter" aria-hidden="true"></i></a>

8
static/src/scss/style.scss
View file

@ -169,7 +169,7 @@ ul ul, ol ol {
} }
pre.chroma { pre.chroma {
margin: $spacer 0; margin-bottom: $paragraph-margin-bottom;
padding: $spacer; padding: $spacer;
.highlight & { .highlight & {
@ -179,7 +179,7 @@ pre.chroma {
.content { .content {
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
margin-top: $spacer; margin-top: $headings-margin-bottom * 2.2;
} }
blockquote { blockquote {
@ -195,6 +195,10 @@ pre.chroma {
width: 100%; width: 100%;
height: 75vh; height: 75vh;
} }
figure {
margin-bottom: $paragraph-margin-bottom;
}
} }
.plyr { .plyr {

3
static/src/scss/variables.scss
View file

@ -1,3 +1,6 @@
$primary: #E85537; $primary: #E85537;
$body-bg: #17181C; $body-bg: #17181C;
$footer-height: 110px; $footer-height: 110px;
$font-size-base: 1.2rem;
$headings-margin-bottom: 1.5rem;
$paragraph-margin-bottom: $headings-margin-bottom * 0.85;