2018-09-24 17:03:23 +02:00
|
|
|
$padding-1: 1px;
|
2018-09-05 16:22:04 +02:00
|
|
|
$padding-4: .25rem;
|
|
|
|
$padding-8: .5rem;
|
|
|
|
$padding-16: 1rem;
|
|
|
|
|
|
|
|
$font-size-base: 16px;
|
|
|
|
$font-size-12: .75rem;
|
|
|
|
$font-size-14: .875rem;
|
|
|
|
$font-size-16: 1rem;
|
|
|
|
|
|
|
|
// Grayscale
|
|
|
|
$white: #fff;
|
|
|
|
$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;
|
|
|
|
$black: #000;
|
|
|
|
|
2018-09-11 16:51:27 +02:00
|
|
|
$color-link: #1177EE;
|
|
|
|
$color-visited-link: #7823c9;
|
2018-09-05 16:22:04 +02:00
|
|
|
|
2018-09-24 17:03:23 +02:00
|
|
|
$body-background: white;
|
2018-09-13 18:07:55 +02:00
|
|
|
$body-font-color: $gray-800;
|
|
|
|
$body-font-weight: 300;
|
2018-09-05 16:22:04 +02:00
|
|
|
$body-min-width: 25rem;
|
2018-09-13 18:07:55 +02:00
|
|
|
|
2018-09-24 17:03:23 +02:00
|
|
|
$nav-background: $body-background; //$gray-100;
|
2018-09-13 18:07:55 +02:00
|
|
|
$nav-link-color: $gray-800;
|
2018-09-24 17:03:23 +02:00
|
|
|
|
|
|
|
$header-height: 3.5rem;
|
|
|
|
$nav-menu-width: 16rem;
|
2018-09-13 18:07:55 +02:00
|
|
|
$toc-menu-width: 14rem;
|
|
|
|
|
2018-09-05 16:22:04 +02:00
|
|
|
$content-max-width: 64rem;
|
2018-09-11 16:51:27 +02:00
|
|
|
$content-min-width: $body-min-width;
|
2018-09-24 17:03:23 +02:00
|
|
|
|
|
|
|
|
|
|
|
// Mixins
|
|
|
|
@mixin shadow {
|
|
|
|
box-shadow: 0 0 $padding-8 rgba(0,0,0,0.1);
|
|
|
|
}
|
|
|
|
|
|
|
|
@mixin ul {
|
|
|
|
ul {
|
|
|
|
list-style: none;
|
|
|
|
padding-left: $padding-16;
|
|
|
|
|
|
|
|
li {
|
|
|
|
line-height: $padding-16;
|
|
|
|
|
|
|
|
a {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
img {
|
|
|
|
height: $padding-16;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|