Update
This commit is contained in:
parent
6f66b06c89
commit
3614dc8a73
|
@ -97,7 +97,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
& a:hover {
|
& a:hover {
|
||||||
color: $baseB-400;
|
color: $baseB;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -115,7 +115,7 @@
|
||||||
@media (min-width: 481px) {
|
@media (min-width: 481px) {
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
box-shadow:
|
box-shadow:
|
||||||
0 8px 12px rgba($baseB-600, 0.1),
|
0 8px 12px rgba($baseB3, 0.1),
|
||||||
0 2px 3px rgba($baseB-400, 0.18);
|
0 2px 3px rgba($baseB, 0.18);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -46,13 +46,13 @@
|
||||||
font-family: $heading-font;
|
font-family: $heading-font;
|
||||||
@include font-size(2);
|
@include font-size(2);
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
color: $baseA-400;
|
color: $baseA;
|
||||||
}
|
}
|
||||||
|
|
||||||
.MarkdownBody {
|
.MarkdownBody {
|
||||||
a,
|
a,
|
||||||
a:visited {
|
a:visited {
|
||||||
color: $baseB-400;
|
color: $baseB;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -108,8 +108,8 @@
|
||||||
.line-highlight {
|
.line-highlight {
|
||||||
background: linear-gradient(
|
background: linear-gradient(
|
||||||
to right,
|
to right,
|
||||||
rgba($baseB-400, 0.05) 75%,
|
rgba($baseB, 0.05) 75%,
|
||||||
rgba($baseB-400, 0));
|
rgba($baseB, 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
// Line highlight ranges
|
// Line highlight ranges
|
||||||
|
@ -128,11 +128,11 @@
|
||||||
*/
|
*/
|
||||||
|
|
||||||
.token {
|
.token {
|
||||||
$cA: saturate(darken(#58a, 10%), 25%); // Blue
|
$cA: $baseB;
|
||||||
$cA-3: adjust-color($cA, $lightness: 15%, $hue: -10deg);
|
$cA-3: adjust-color($cA, $lightness: 15%, $hue: -10deg);
|
||||||
$cA-7: adjust-color($cA, $lightness: -15%, $hue: 10deg);
|
$cA-7: adjust-color($cA, $lightness: -15%, $hue: 10deg);
|
||||||
|
|
||||||
$cB: saturate(#3a8, 25%); // Green
|
$cB: $baseC;
|
||||||
$cB-3: adjust-color($cB, $lightness: 15%, $hue: -10deg);
|
$cB-3: adjust-color($cB, $lightness: 15%, $hue: -10deg);
|
||||||
|
|
||||||
$cM: #aaa; // Mute
|
$cM: #aaa; // Mute
|
||||||
|
|
|
@ -6,13 +6,18 @@ $body-font: $system-font;
|
||||||
$heading-font: 'Helvetica Neue', $system-font;
|
$heading-font: 'Helvetica Neue', $system-font;
|
||||||
$monospace-font: 'fira mono', Consolas, menlo, 'Andale Mono', 'Ubuntu Mono', monospace;
|
$monospace-font: 'fira mono', Consolas, menlo, 'Andale Mono', 'Ubuntu Mono', monospace;
|
||||||
|
|
||||||
|
$baseA: #8370bd; // indigo
|
||||||
|
$baseB: #2b72a2; // blue
|
||||||
|
$baseC: #17c694; // teal
|
||||||
|
$baseM: #667788; // gray
|
||||||
|
|
||||||
$body-bg: #f1f3f5;
|
$body-bg: #f1f3f5;
|
||||||
$gray-bg: #fcfcfc;
|
$gray-bg: #fcfcfc;
|
||||||
$gray-text: #678;
|
$gray-text: $baseM;
|
||||||
$text-color: #345;
|
$text-color: #345;
|
||||||
$baseA-400: #6d47e2; // indigo
|
|
||||||
$baseB-400: #35a; // blue
|
$baseB3: adjust-color($baseB, $lightness: 20%, $hue: -20deg);
|
||||||
$baseB-600: adjust-color($baseB-400, $lightness: 20%, $hue: -20deg);
|
|
||||||
$line-color: rgba(50, 80, 150, 0.05);
|
$line-color: rgba(50, 80, 150, 0.05);
|
||||||
$dark-line-color: rgba(50, 80, 150, 0.14);
|
$dark-line-color: rgba(50, 80, 150, 0.14);
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue