aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorBryan Brattlof <hello@bryanbrattlof.com>2020-07-05 20:21:17 -0400
committerBryan Brattlof <hello@bryanbrattlof.com>2020-07-05 20:21:17 -0400
commitbd2b9620293830eee4b1109d489e61ea7fc97c59 (patch)
treec53424d087b12150ac6fee4485659e00d834c213
parent630c2eda8d5b76845d2e359ec3d66f7b1e9b985f (diff)
downloadbryanbrattlof.com-bd2b9620293830eee4b1109d489e61ea7fc97c59.tar.gz
bryanbrattlof.com-bd2b9620293830eee4b1109d489e61ea7fc97c59.tar.bz2
unify the blockquote and sidebar style
-rw-r--r--stylesheets/article.scss53
1 files changed, 16 insertions, 37 deletions
diff --git a/stylesheets/article.scss b/stylesheets/article.scss
index 11fe7d6..6233e37 100644
--- a/stylesheets/article.scss
+++ b/stylesheets/article.scss
@@ -117,13 +117,22 @@ em {
font-style: italic;
}
-.sidebar, .note {
- border-left: 3px solid $display-font-color;
- margin: 0 0 $default-spacing;
- padding: 15px $default-spacing;
+%sidebar {
+ border-left: 3px solid lighten($secondary-color, 10);
+ margin: $default-spacing 0;
+ padding: ($default-spacing/2) $default-spacing;
- background-color: lighten($display-font-color, 65);
- color: $display-font-color;
+ p:last-child {
+ margin-bottom: 0;
+ }
+
+ @include print {
+ page-break-inside: avoid;
+ }
+}
+
+.sidebar, .note {
+ @extend %sidebar;
.sidebar-title, .admonition-title {
@extend %bold-font-extends;
@@ -132,40 +141,10 @@ em {
.sidebar-subtitle {
font-style: italic;
}
-
- p {
- color: inherit;
-
- &.last{
- margin: 0;
- }
- }
-
- @include print {
- color: $print-font-color;
- border-color: $print-font-color;
- background-color: white;
-
- a {
- border-bottom-color: $print-font-color;
- }
- }
}
-
blockquote {
- border-left: 3px solid lighten($secondary-color, 10);
- font-style: italic;
- margin: $default-spacing 0;
- padding: ($default-spacing/2) $default-spacing;
-
- p:last-child {
- margin-bottom: 0;
- }
-
- @include print {
- page-break-inside: avoid;
- }
+ @extend %sidebar;
}
/* section divs */