jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-10-27 19:15:48 -04:00
Code Issues Activity

re-organize templates (use baseof.html)

Browse Source
This commit is contained in:
Jake Jarvis
2019-12-02 18:47:44 -05:00
parent e8bf1881c8
commit 0b62be6226
22 changed files with 202 additions and 209 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
assets/sass/pages/_single.scss
View File

@@ -7,41 +7,6 @@ main#single {
margin: 0 auto;
article div {
&#meta {
color: $color-light;
font-size: 0.85em;
line-height: 1.5;
letter-spacing: 1px;
a {
color: inherit;
}
div#tags {
text-transform: uppercase;
letter-spacing: 2px;
margin-top: 0.5em;
span.tag {
margin: 0 0.6em;
}
}
}
&#info {
text-align: center;
h1 {
margin: 0.3em 0;
font-size: 2em;
line-height: 1.4;
a {
color: inherit;
}
}
}
&#content {
font-weight: 400;
line-height: 1.8;
@@ -49,8 +14,7 @@ main#single {
h1,
h2,
h3 {
margin-top: 0.9em;
margin-bottom: 0.5em;
margin: 0.5em 0;
font-weight: 500;
line-height: 1.5;
}
@@ -95,10 +59,13 @@ main#single {
}
}
// https://css-tricks.com/examples/hrs/
hr {
width: 60%;
margin: 0.75em auto;
border: 1px solid $color-super-light;
width: 90%;
margin: 1.5em auto;
border: 0;
height: 2px;
background-image: linear-gradient(to right, #ffffff, #cccccc, #ffffff);
}
video.embed {
@@ -147,7 +114,6 @@ main#single {
pre code {
display: block;
padding: 1em 1.5em;
margin: 1.4em 0;
line-height: 1.6;
border-left: 3px solid $color-links;
max-width: 100%;
@@ -156,6 +122,44 @@ main#single {
object-fit: scale-down;
}
}
&#meta {
text-align: center;
h1 {
margin: 0.3em 0;
font-size: 2em;
line-height: 1.4;
a {
color: inherit;
}
}
div#byline {
color: $color-light;
font-size: 0.85em;
line-height: 1.5;
letter-spacing: 1px;
a {
color: inherit;
}
ul#tags {
margin-top: 0.5em;
padding: 0;
list-style: none;
li {
display: inline;
margin: 0 0.7em;
text-transform: uppercase;
letter-spacing: 2px;
}
}
}
}
}
}