1
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-07-03 14:46:37 -04:00

style & homepage tweaks

This commit is contained in:
2019-12-09 23:33:16 -05:00
parent ac89ef7412
commit fb55b3fe8b
13 changed files with 296 additions and 187 deletions

View File

@ -1,10 +1,24 @@
@charset "UTF-8";
// System Fonts
// https://markdotto.com/2018/02/07/github-system-fonts/
$system-fonts: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
"Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
"Droid Sans", "Helvetica Neue", sans-serif,
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
$system-fonts-monospace: "SFMono-Regular", "Consolas", "Liberation Mono",
"Menlo", "Courier", monospace;
// Misc Settings
$responsive-width: 890px;
$link-opacity: 40%;
$link-underline-size: 2px;
// Global Colors
$color-background: #ffffff;
$color-gray-background: #fbfbfb;
$color-text: #222222;
$color-medium-dark: #313131;
$color-medium-dark: #313131;
$color-medium: #444444;
$color-light: #666666;
$color-medium-light: #757575;
@ -12,6 +26,11 @@ $color-super-light: #dddddd;
$color-super-duper-light: #f4f4f4;
$color-links: #0e6dc2;
// For nifty color swapping on svg logo hover in components/_header.scss
$color-logo1: #6fbc4e;
$color-logo2: #ffb900;
$color-logo3: #009cdf;
// Colorful Homepage
$colors-home:(
boston: #fb4d42,
@ -22,7 +41,7 @@ $colors-home:(
angular: #c3002f,
vue: #486491,
java: #ab6311,
cpp: #865fc5,
// cpp: #865fc5,
python: #fea500,
php: #8892bf,
ruby: #d34135,
@ -53,14 +72,3 @@ $colors-home:(
news-7: #973999
);
$color-serverless: #87cef7;
// For nifty color swapping on svg logo hover in components/_header.scss
$color-logo1: #6fbc4e;
$color-logo2: #ffb900;
$color-logo3: #009cdf;
// Other Settings
$link-opacity: 40%;
$link-underline-size: 2px;
$responsive-width: 890px;