hugo-geekdoc/src/sass/_defaults.scss

99 lines
2.8 KiB
SCSS
Raw Normal View History

2020-01-12 14:33:02 +00:00
// Used in layout
2021-02-21 13:44:44 +00:00
$padding-2: 0.125rem !default;
2020-01-12 14:33:02 +00:00
$padding-4: 0.25rem !default;
$padding-8: 0.5rem !default;
$padding-12: 0.75rem !default;
2020-01-12 14:33:02 +00:00
$padding-16: 1rem !default;
$padding-20: 1.25rem !default;
$padding-24: 1.5rem !default;
$padding-32: 2rem !default;
$padding-48: 3rem !default;
$padding-64: 4rem !default;
$padding-96: 6rem !default;
2020-01-12 14:33:02 +00:00
$font-size-base: 16px !default;
$font-size-12: 0.75rem !default;
$font-size-14: 0.875rem !default;
$font-size-16: 1rem !default;
$font-size-20: 1.25rem !default;
2021-05-21 11:31:19 +00:00
$font-size-24: 1.5rem !default;
2021-02-21 13:44:44 +00:00
$font-size-32: 2rem !default;
2021-05-21 11:31:19 +00:00
$font-size-64: 4rem !default;
$font-size-96: 6rem !default;
$font-size-128: 8rem !default;
2021-02-21 13:44:44 +00:00
$border-1: 1px !default;
2021-04-27 21:44:35 +00:00
$border-2: 1.5px !default;
$border-4: 3px !default;
2020-01-12 14:33:02 +00:00
$border-radius: 0.15rem !default;
// Grayscale
$white: rgba(255, 255, 255, 1) !default;
$gray-100: rgba(248, 249, 250, 1) !default;
$gray-200: rgba(233, 236, 239, 1) !default;
$gray-300: rgba(222, 226, 230, 1) !default;
$gray-400: rgba(206, 212, 218, 1) !default;
$gray-500: rgba(173, 181, 189, 1) !default;
$gray-600: rgba(134, 142, 150, 1) !default;
$gray-700: rgba(73, 80, 87, 1) !default;
$gray-800: rgba(52, 58, 64, 1) !default;
$gray-900: rgba(33, 37, 41, 1) !default;
$black: rgba(0, 0, 0, 1) !default;
2021-04-27 21:44:35 +00:00
$link-color: rgba(10, 83, 154, 1) !default;
$link-color-visited: rgba(119, 73, 191, 1) !default;
$link-color-footer: rgba(246, 107, 14, 1) !default;
2020-01-12 14:33:02 +00:00
$body-background: white !default;
$body-font-color: $gray-800 !default;
$body-font-weight: normal !default;
$body-min-width: 20rem !default;
$code-font-color: rgba(70, 70, 70, 1) !default;
$code-font-color-dark: rgba(185, 185, 185, 1) !default;
$container-max-width: 82rem !default;
2020-01-12 14:33:02 +00:00
$main-color: rgba(32, 83, 117, 1) !default;
$second-color: rgba(17, 43, 60, 1) !default;
2021-11-24 08:10:26 +00:00
$mark-color: rgba(255, 171, 0, 1) !default;
2020-01-12 14:33:02 +00:00
$body-background-dark: mix(invert($body-background, 75%), $second-color) !default;
$body-font-color-dark: $gray-100 !default;
$link-color-dark: rgba(110, 168, 212, 1) !default;
$link-color-visited-dark: rgba(186, 142, 240) !default;
2021-04-27 21:44:35 +00:00
$code-background: $gray-100 !default;
$code-background-dark: darken($body-background-dark, 3) !default;
2021-04-27 21:44:35 +00:00
2020-01-12 14:33:02 +00:00
$header-height: 3.5rem !default;
$menu-width: 18rem !default;
2020-01-12 14:33:02 +00:00
$sm-breakpoint: $menu-width + $body-min-width + 3rem !default;
2020-01-12 14:33:02 +00:00
// Panel colors
$hint-colors: (
2021-04-27 21:44:35 +00:00
info: rgba(0, 145, 234, 1),
note: rgba(0, 145, 234, 1),
2021-04-27 21:44:35 +00:00
ok: rgba(0, 200, 83, 1),
tip: rgba(0, 200, 83, 1),
important: rgba(255, 171, 0, 1),
caution: rgba(115, 0, 211, 1),
danger: rgba(213, 0, 0, 1),
warning: rgba(213, 0, 0, 1)
) !default;
// Panel colors
$hint-icons: (
info: "gdoc_info_outline",
note: "gdoc_info_outline",
ok: "gdoc_check_circle_outline",
tip: "gdoc_check_circle_outline",
important: "gdoc_error_outline",
caution: "gdoc_dangerous",
danger: "gdoc_fire",
warning: "gdoc_fire"
2020-01-12 14:33:02 +00:00
) !default;