1
0
mirror of https://github.com/thangisme/notes.git synced 2025-04-22 03:32:14 -04:00

Fix docs and custom scss

This commit is contained in:
Patrick Marsceill 2019-08-14 10:40:19 -04:00
parent fe41e18994
commit 225604723a
No known key found for this signature in database
GPG Key ID: 286B93882D828F40
2 changed files with 133 additions and 123 deletions

View File

@ -1,74 +1,76 @@
//// ////
//// Typography //// Typography
//// ////
//
//$body-font-family: -apple-system, BlinkMacSystemFont, "helvetica neue", helvetica, roboto, noto, "segoe ui", arial, sans-serif; //$body-font-family: -apple-system, BlinkMacSystemFont, "helvetica neue", helvetica, roboto, noto, "segoe ui", arial, sans-serif;
//$mono-font-family: "SFMono-Regular", Menlo, Consolas, Monospace; //$mono-font-family: "SFMono-Regular", Menlo, Consolas, Monospace;
//$root-font-size: 16px; // Base font-size for rems //$root-font-size: 16px; // Base font-size for rems
//$body-line-height: 1.4; //$body-line-height: 1.4;
//$content-line-height: 1.5;
//$body-heading-line-height: 1.15; //$body-heading-line-height: 1.15;
//
//// ////
//// Colors //// Colors
//// ////
//
//$white: #fff; //$white: #fff;
//
//$grey-dk-000: #959396; //$grey-dk-000: #959396;
//$grey-dk-100: #5c5962; //$grey-dk-100: #5c5962;
//$grey-dk-200: #44434d; //$grey-dk-200: #44434d;
// $grey-dk-250: #302d36 !default; //$grey-dk-250: #302d36;
//$grey-dk-300: #27262b; //$grey-dk-300: #27262b;
//
//$grey-lt-000: #f5f6fa; //$grey-lt-000: #f5f6fa;
//$grey-lt-100: #eeebee; //$grey-lt-100: #eeebee;
//$grey-lt-200: #ecebed; //$grey-lt-200: #ecebed;
//$grey-lt-300: #e6e1e8; //$grey-lt-300: #e6e1e8;
//
//$purple-000: #7253ed; //$purple-000: #7253ed;
//$purple-100: #5e41d0; //$purple-100: #5e41d0;
//$purple-200: #4e26af; //$purple-200: #4e26af;
//$purple-300: #381885; //$purple-300: #381885;
//
//$blue-000: #2c84fa; //$blue-000: #2c84fa;
//$blue-100: #2869e6; //$blue-100: #2869e6;
//$blue-200: #264caf; //$blue-200: #264caf;
//$blue-300: #183385; //$blue-300: #183385;
//
//$green-000: #41d693; //$green-000: #41d693;
//$green-100: #11b584; //$green-100: #11b584;
//$green-200: #009c7b; //$green-200: #009c7b;
//$green-300: #026e57; //$green-300: #026e57;
//
// $body-background-color: $white !default;
// $sidebar-color: $grey-lt-000 !default;
// $code-background-color: $grey-lt-000 !default;
// $body-text-color: $grey-dk-100 !default; //$yellow-000: #ffeb82;
// $body-heading-color: $grey-dk-300 !default; //$yellow-100: #fadf50;
// $nav-child-link-color: $grey-dk-100 !default; //$yellow-200: #f7d12e;
// $link-color: $purple-000 !default; //$yellow-300: #e7af06;
// $btn-primary-color: $purple-100 !default;
// $base-button-color: #f7f7f7 !default; //$red-000: #f77e7e;
// //$red-100: #f96e65;
// // //$red-200: #e94c4c;
// // Media queries in pixels //$red-300: #dd2e2e;
// //
// //$body-background-color: $white;
// $media-queries: ( //$sidebar-color: $grey-lt-000;
// xs: 320px, //$search-background-color: $white;
// sm: 500px, //$table-background-color: $white;
// md: 740px, //$code-background-color: $grey-lt-000;
// lg: 1120px,
// xl: 1400px //$body-text-color: $grey-dk-100;
// ); //$body-heading-color: $grey-dk-300;
// //$search-result-preview-color: $grey-dk-000;
//$nav-child-link-color: $grey-dk-100;
//$link-color: $purple-000;
//$btn-primary-color: $purple-100;
//$base-button-color: #f7f7f7;
//// ////
//// Spacing //// Spacing
//// ////
//
//$spacing-unit: 1rem; // 1rem == 16px //$spacing-unit: 1rem; // 1rem == 16px
//
//$spacers: ( //$spacers: (
//sp-0: 0, //sp-0: 0,
//sp-1: $spacing-unit * 0.25, //sp-1: $spacing-unit * 0.25,
@ -82,7 +84,7 @@
//sp-9: $spacing-unit * 3.5, //sp-9: $spacing-unit * 3.5,
//sp-10: $spacing-unit * 4 //sp-10: $spacing-unit * 4
//); //);
//
//$sp-1: map-get($spacers, sp-1); // 0.25 rem == 4px //$sp-1: map-get($spacers, sp-1); // 0.25 rem == 4px
//$sp-2: map-get($spacers, sp-2); // 0.5 rem == 8px //$sp-2: map-get($spacers, sp-2); // 0.5 rem == 8px
//$sp-3: map-get($spacers, sp-3); // 0.75 rem == 12px //$sp-3: map-get($spacers, sp-3); // 0.75 rem == 12px
@ -93,28 +95,35 @@
//$sp-8: map-get($spacers, sp-8); // 3 rem == 48px //$sp-8: map-get($spacers, sp-8); // 3 rem == 48px
//$sp-9: map-get($spacers, sp-9); // 4 rem == 48px //$sp-9: map-get($spacers, sp-9); // 4 rem == 48px
//$sp-10: map-get($spacers, sp-10); // 4.5 rem == 48px //$sp-10: map-get($spacers, sp-10); // 4.5 rem == 48px
//
//// ////
//// Borders //// Borders
//// ////
//
//$border: 1px solid; //$border: 1px solid;
//$border-radius: 4px; //$border-radius: 4px;
//$border-color: $grey-lt-100; //$border-color: $grey-lt-100;
//
//// ////
//// Grid system //// Grid system
//// ////
//
//$gutter-spacing: $sp-6; //$gutter-spacing: $sp-6;
//$gutter-spacing-sm: $sp-4; //$gutter-spacing-sm: $sp-4;
// $nav-width: 232px; //$nav-width: 264px;
//$nav-width-md: 248px;
//$content-width: 800px; //$content-width: 800px;
// //$header-height: 60px;
//$search-results-width: 500px;
////
//// Media queries in pixels
////
//$media-queries: ( //$media-queries: (
//xs: 320px, //xs: 320px,
//sm: 500px, //sm: 500px,
// md: 740px, //md: $content-width,
// lg: 800px, //lg: $content-width + $nav-width,
// xl: 1316px //xl: 1400px
//); //);

View File

@ -26,6 +26,7 @@ View this site's [_config.yml](https://github.com/pmarsceill/just-the-docs/tree/
```yaml ```yaml
# Enable or disable the site search # Enable or disable the site search
# Support true (default) or false
search_enabled: true search_enabled: true
``` ```
@ -38,11 +39,11 @@ aux_links:
- "//github.com/pmarsceill/just-the-docs" - "//github.com/pmarsceill/just-the-docs"
``` ```
## Heading anchors ## Heading anchor links
```yaml ```yaml
# Heading anchors appear on hover over h1-h6 tags # Heading anchor links appear on hover over h1-h6 tags
# allowing users to deep link to a particular heading # in page content allowing users to deep link to a particular
# on a page. # heading on a page.
# #
# Supprts true (default) or false/nil # Supprts true (default) or false/nil
heading_anchors: true heading_anchors: true