_sass/_posts.scss in quattle-1.5.0 vs _sass/_posts.scss in quattle-1.5.1
- old
+ new
@@ -3,14 +3,14 @@
figure {
margin-right: 0;
margin-left: 0;
margin-top: 1.5em;
margin-bottom: 2em;
-
+
& > :nth-last-child(2) {
margin-bottom: 0;
-
+
& > :last-child {
margin-bottom: 0;
}
}
figcaption {
@@ -21,25 +21,25 @@
}
&.screenshot {
margin-left: 0;
margin-right: 0;
margin-top: 0;
-
+
figcaption {
margin-top: 1em;
margin-right: 2em;
margin-left: 2em;
}
}
&.attributed-quote {
margin-left: 0;
margin-right: 0;
-
+
figcaption {
margin-top: 0.8em;
margin-left: 4em;
-
+
p {
display: inline;
}
&::first-letter {
margin-left: -2.5ex;
@@ -75,11 +75,11 @@
// Blog post or page title
.page-title,
.post-title,
.post-title a {
color: $text;
-
+
@media (prefers-color-scheme: light) {
color: $light-scheme-text;
}
}
@@ -92,42 +92,42 @@
.post-date {
display: block;
margin-top: -.4rem;
margin-bottom: 1rem;
color: $text;
-
+
@media (prefers-color-scheme: light) {
color: $light-scheme-text;
}
}
.permalink {
- display: block;
+ display: inline;
margin-top: -1rem;
margin-bottom: 1.5rem;
color: $text;
-
+
@media (prefers-color-scheme: light) {
color: $light-scheme-color;
}
}
-.external-link {
- display: block;
+.author {
+ display: inline;
margin-top: -1rem;
margin-bottom: 1.5rem;
opacity: .7;
color: $text;
-
+
@media (prefers-color-scheme: light) {
color: $light-scheme-accent;
opacity: 1;
- }
+ }
}
.tag-list {
-
+
a:link {
color: $color;
display: inline-block;
padding-top: 1px;
padding-bottom: 1px;
@@ -136,11 +136,11 @@
border: 1.5px solid $accent;
border-radius: .25em;
margin-bottom: .5rem;
margin-right: .1rem;
font-size: 90%;
-
+
@media (prefers-color-scheme: light) {
color: $light-scheme-color;
border: 1.5px solid #d2d2d2;
background-color: #f8f8f8;
}
@@ -156,11 +156,11 @@
border: 1px solid $accent;
border-radius: .25em;
margin-bottom: .5rem;
margin-right: .1rem;
font-size: 90%;
-
+
@media (prefers-color-scheme: light) {
color: $light-scheme-color;
border: 1.5px solid #d2d2d2;
background-color: #f8f8f8;
}
@@ -173,24 +173,17 @@
overflow: hidden;
white-space: nowrap;
margin-top: 2rem;
font-variant: small-caps;
}
-
+
.PageNavigation a {
display: inline;
width: auto;
float: left;
margin: 1em 0;
}
.PageNavigation .next {
float: right;
width: auto;
text-align: right;
- }
- .related-posts {
- padding-left: 0;
- list-style: none;
- h3 {
- margin-top: 0;
- }
}