aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorBryan Brattlof <hello@bryanbrattlof.com>2020-07-04 13:22:23 -0400
committerBryan Brattlof <hello@bryanbrattlof.com>2020-07-04 13:22:23 -0400
commit630c2eda8d5b76845d2e359ec3d66f7b1e9b985f (patch)
tree735a7b03f3c9dee493c5c211e52ca32af1a6a7b8
parent3254e875ee5303cea907aea416285e283e824266 (diff)
parent7ac579f5697bea0caf32fbe921a633b75504bf60 (diff)
downloadbryanbrattlof.com-630c2eda8d5b76845d2e359ec3d66f7b1e9b985f.tar.gz
bryanbrattlof.com-630c2eda8d5b76845d2e359ec3d66f7b1e9b985f.tar.bz2
merge code-block color updates
-rw-r--r--stylesheets/article.scss6
-rw-r--r--stylesheets/code.scss8
-rw-r--r--stylesheets/index.scss4
3 files changed, 13 insertions, 5 deletions
diff --git a/stylesheets/article.scss b/stylesheets/article.scss
index e80c84a..11fe7d6 100644
--- a/stylesheets/article.scss
+++ b/stylesheets/article.scss
@@ -154,11 +154,15 @@ em {
blockquote {
- border-left: 5px solid lighten($secondary-color, 10);
+ 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;
}
diff --git a/stylesheets/code.scss b/stylesheets/code.scss
index 18e9d76..1c44a94 100644
--- a/stylesheets/code.scss
+++ b/stylesheets/code.scss
@@ -1,8 +1,12 @@
+$normal-code-color: rgb(255, 255, 255);
+$inserted-code-color: rgb(230, 255, 230);
+$deleted-code-color: rgb(255, 229, 229);
+
%code-block {
font-family: $code-font;
background-color: $display-font-color;
- color: rgb(255, 255, 255);
+ color: $normal-code-color;
box-sizing: content-box;
border-radius: 3px;
@@ -50,6 +54,8 @@ code {
.c1 { @extend %code-italic; } /* Comment.Single */
.cs { @extend %code-italic; } /* Comment.Special */
.ge { @extend %code-italic; } /* Generic.Emph */
+.gd { color: $deleted-code-color; } /* Generic.Deleted */
+.gi { color: $inserted-code-color; } /* Generic.Inserted */
.gh { @extend %code-strong; } /* Generic.Heading */
.gp { @extend %code-strong; } /* Generic.Prompt */
.gs { @extend %code-strong; } /* Generic.Strong */
diff --git a/stylesheets/index.scss b/stylesheets/index.scss
index c0a0610..7ee708a 100644
--- a/stylesheets/index.scss
+++ b/stylesheets/index.scss
@@ -3,6 +3,7 @@
main {
+ min-height: 100vh;
@extend %flexbox;
@include flex-dir(column);
@@ -13,9 +14,6 @@ main {
margin: auto;
max-width: $max-page-width;
- height: 100vh;
- min-height: 500px;
-
@include breakpoint-min($max-page-width) {
padding-top: 3 * $default-spacing;
}