diff --git a/assets/style.scss b/assets/style.scss
index 0f8ebe75..684e82bd 100644
--- a/assets/style.scss
+++ b/assets/style.scss
@@ -1,5 +1,4 @@
-/* JJ SCSS */
-/* Compiled from https://github.com/jakejarvis/jarv.is/blob/master/assets/style.scss */
+/*! Compiled from https://github.com/jakejarvis/jarv.is/blob/master/assets/style.scss */
// Global Colors
$color-background: #ffffff;
@@ -136,6 +135,9 @@ body {
color: $color;
&:hover {
+ // Lighter underline compared to text color. mix()'ing with
+ // background (#fff) gives the impression of transparency
+ // but with MUCH better compatibility.
border-color: mix($color, $color-background, 40%);
}
}
@@ -618,7 +620,7 @@ body {
}
-/* Fancy Waving Hand Emoji (TM) - https://jarv.is/notes/css-waving-hand-emoji/ */
+/*! Fancy Waving Hand Emoji (TM) - https://jarv.is/notes/css-waving-hand-emoji/ */
@keyframes wave {
0% { transform: rotate( 0.0deg); }
10% { transform: rotate(-10.0deg); }
@@ -630,7 +632,7 @@ body {
}
-/* Syntax Highlighting - modified from Monokai Light https://github.com/mlgill/pygments-style-monokailight */
+/*! Syntax Highlighting - modified from Monokai Light https://github.com/mlgill/pygments-style-monokailight */
div.highlight span {
&.k, &.kc, &.kd, &.kp, &.kr, &.kt, &.no {
color: #03748a;
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 566743b3..94fe2f0b 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -30,7 +30,7 @@
- {{ $style := resources.Get "style.scss" | resources.ToCSS }}
+ {{ $style := resources.Get "style.scss" | resources.ToCSS (dict "outputStyle" "compact") }}