hugo-book/assets/_variables.scss

44 lines
837 B
SCSS
Raw Normal View History

// Used in layout
2018-09-24 15:03:23 +00:00
$padding-1: 1px;
2018-11-24 14:10:43 +00:00
$padding-4: 0.25rem;
$padding-8: 0.5rem;
2018-09-05 14:22:04 +00:00
$padding-16: 1rem;
$font-size-base: 16px;
2018-11-24 14:10:43 +00:00
$font-size-12: 0.75rem;
$font-size-14: 0.875rem;
2018-09-05 14:22:04 +00:00
$font-size-16: 1rem;
$border-radius: 0.15rem;
2018-09-05 14:22:04 +00:00
// Grayscale
2018-11-24 14:10:43 +00:00
$white: #ffffff;
2018-09-05 14:22:04 +00:00
$gray-100: #f8f9fa;
$gray-200: #e9ecef;
$gray-300: #dee2e6;
$gray-400: #ced4da;
$gray-500: #adb5bd;
$gray-600: #868e96;
$gray-700: #495057;
$gray-800: #343a40;
$gray-900: #212529;
2018-11-24 14:10:43 +00:00
$black: #000;
2018-09-05 14:22:04 +00:00
2018-11-07 11:54:18 +00:00
$color-link: #004ed0;
2018-09-27 23:12:07 +00:00
$color-visited-link: #8440f1;
$color-dark-link: $gray-800;
2018-09-05 14:22:04 +00:00
2018-09-24 15:03:23 +00:00
$body-background: white;
2018-09-13 16:07:55 +00:00
$body-font-color: $gray-800;
2019-06-10 15:09:43 +00:00
$body-font-weight: normal;
2018-09-13 16:07:55 +00:00
$body-min-width: 20rem;
$container-max-width: 80rem;
2018-09-24 15:03:23 +00:00
$header-height: 3.5rem;
$menu-width: 16rem;
2019-06-18 21:20:29 +00:00
$toc-width: 16rem;
2018-09-13 16:07:55 +00:00
$md-breakpoint: $menu-width + $body-min-width * 1.25 + $toc-width;
$sm-breakpoint: $menu-width + $body-min-width;