mirror of
https://github.com/GitbookIO/gitbook.git
synced 2026-09-21 10:03:31 +00:00
Samy Pessé
178 lines
7.0 KiB
Plaintext
178 lines
7.0 KiB
Plaintext
@staticPath: "./";
|
|
|
|
// Sizes
|
|
@mobileMaxWidth: 1240px;
|
|
|
|
// Header
|
|
@header-height: 50px;
|
|
@header-color: hsl(194, 5%, 52%);
|
|
@header-background: transparent;
|
|
@header-border: rgba(0, 0, 0, 0.07);
|
|
@header-button-color: #ccc;
|
|
@header-button-hover-color: #444;
|
|
@header-button-hover-background: none;
|
|
@header-dropdown-background: @sidebar-background;
|
|
|
|
// Navigation
|
|
@navigation-color: @header-button-color;
|
|
@navigation-hover-color: @header-button-hover-color;
|
|
|
|
// Body
|
|
@body-background: white;
|
|
|
|
// Sidebar
|
|
@sidebar-width: 300px;
|
|
@sidebar-breakpoint: 600px;
|
|
@sidebar-color: hsl(207, 15%, 80%);
|
|
@sidebar-background: #fafafa;
|
|
@sidebar-border: @header-border;
|
|
|
|
@sidebar-nested-padding: 20px;
|
|
|
|
@sidebar-search-padding: 6px;
|
|
@sidebar-search-background: transparent;
|
|
@sidebar-search-input-background: transparent;
|
|
@sidebar-search-input-border-color: transparent;
|
|
|
|
@sidebar-divider-color: @sidebar-border;
|
|
|
|
@sidebar-link-color: hsl(207, 15%, 25%);
|
|
@sidebar-link-background: transparent;
|
|
@sidebar-link-hover-color: hsl(207, 100%, 50%);
|
|
@sidebar-link-hover-background: transparent;
|
|
|
|
@sidebar-icon-color: hsl(120, 60%, 50%);
|
|
@sidebar-link-completed: @sidebar-link-color;
|
|
@sidebar-link-completed-weight: normal;
|
|
|
|
// Page
|
|
@page-color: black;
|
|
@page-background: @body-background;
|
|
|
|
// Content
|
|
@content-line-height: 1.6;
|
|
@content-color: #333333;
|
|
|
|
// Basics of a navbar
|
|
@navbar-height: 50px;
|
|
@navbar-margin-bottom: @line-height-computed;
|
|
@navbar-default-border: #d5d5d5;
|
|
@navbar-border-radius: 0px;
|
|
@navbar-padding-horizontal: floor(@grid-gutter-width / 2);
|
|
@navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2);
|
|
|
|
// Navbar brand label
|
|
@navbar-default-color: #333;
|
|
@navbar-default-link-color: #333;
|
|
@navbar-default-brand-color: @navbar-default-link-color;
|
|
@navbar-default-brand-hover-color: @navbar-default-link-color;
|
|
@navbar-default-brand-hover-bg: transparent;
|
|
|
|
// Border Radius
|
|
@border-radius-base: 1px;
|
|
@border-radius-large: 3px;
|
|
@border-radius-small: 1px;
|
|
|
|
// Fonts
|
|
@font-family-serif: "Merriweather", Georgia, serif;
|
|
@font-family-sans: "Open Sans", "Clear Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
@font-family-base: @font-family-sans;
|
|
@headings-font-family: inherit;
|
|
|
|
@FontPath: '@{staticPath}/fonts';
|
|
@fa-font-path: "@{FontPath}/fontawesome";
|
|
|
|
@s-font-size: 1.2rem;
|
|
@m-font-size: 1.4rem;
|
|
@l-font-size: 1.6rem;
|
|
@xl-font-size: 2.2rem;
|
|
@xxl-font-size: 4.0rem;
|
|
@default-font-size: @l-font-size;
|
|
|
|
/*
|
|
,--------.,--.
|
|
'--. .--'| ,---. ,---. ,--,--,--. ,---. ,---. .--.
|
|
| | | .-. || .-. :| || .-. :( .-' '--'
|
|
| | | | | |\ --.| | | |\ --..-' `).--.
|
|
`--' `--' `--' `----'`--`--`--' `----'`----' '--'
|
|
*/
|
|
// Header
|
|
@header-color-1: #AFA790;
|
|
@header-color-2: #7e888b;
|
|
@header-background-1: transparent;
|
|
@header-background-2: transparent;
|
|
@header-button-color-1: #AFA790;
|
|
@header-button-color-2: #7e888b;
|
|
@header-button-hover-color-1: #73553C;
|
|
@header-button-hover-color-2: #C9C9C9;
|
|
@header-button-hover-background-1: none;
|
|
@header-button-hover-background-2: none;
|
|
@header-dropdown-background-1: @sidebar-background-1;
|
|
@header-dropdown-background-2: @sidebar-background-2;
|
|
|
|
// Body
|
|
@body-background-1: #F3EACB;
|
|
@body-background-2: #1d1f21;
|
|
|
|
// Sidebar
|
|
@sidebar-transition-duration: 250ms;
|
|
@sidebar-color-1: #AFA790;
|
|
@sidebar-color-2: hsl(207, 15%, 80%);
|
|
@sidebar-background-1: #111;
|
|
@sidebar-background-2: #111;
|
|
|
|
@sidebar-search-background-1: transparent;
|
|
@sidebar-search-background-2: transparent;
|
|
@sidebar-search-input-border-color-1: transparent;
|
|
@sidebar-search-input-border-color-2: transparent;
|
|
|
|
@sidebar-divider-color-1: @sidebar-divider-color;
|
|
@sidebar-divider-color-2: #1d1f21;
|
|
|
|
@sidebar-link-color-1: #877F6A;
|
|
@sidebar-link-color-2: hsl(207, 15%, 50%);
|
|
@sidebar-link-background-1: transparent;
|
|
@sidebar-link-background-2: transparent;
|
|
@sidebar-link-hover-color-1: #704214;
|
|
@sidebar-link-hover-color-2: hsl(207, 100%, 50%);
|
|
@sidebar-link-hover-background-1: transparent;
|
|
@sidebar-link-hover-background-2: transparent;
|
|
|
|
@sidebar-icon-color-1: hsl(120, 60%, 50%);
|
|
@sidebar-icon-color-2: @sidebar-icon-color-1;
|
|
@sidebar-link-completed-1: @sidebar-link-color-1;
|
|
@sidebar-link-completed-2: @sidebar-link-color-2;
|
|
@sidebar-link-completed-weight-1: normal;
|
|
@sidebar-link-completed-weight-2: normal;
|
|
|
|
// Page
|
|
@page-color-1: #704214;
|
|
@page-color-2: #a4b1b1;
|
|
@page-background-1: #F3EACB;
|
|
@page-background-2: #1d1f21;
|
|
|
|
@bar-background-1: #F3EACB;
|
|
@bar-background-2: #1d1f21;
|
|
|
|
// Navigation
|
|
@navigation-color-1: @header-button-color-1;
|
|
@navigation-color-2: @header-button-color-2;
|
|
@navigation-hover-color-1: @header-button-hover-color-1;
|
|
@navigation-hover-color-2: @header-button-hover-color-2;
|
|
|
|
// Basics of a navbar
|
|
@navbar-default-border-1: #d5d5d5;
|
|
@navbar-default-border-2: #d5d5d5;
|
|
|
|
// Navbar brand label
|
|
@navbar-default-color-1: #333;
|
|
@navbar-default-color-2: #333;
|
|
@navbar-default-link-color-1: #333;
|
|
@navbar-default-link-color-2: #333;
|
|
@navbar-default-brand-color-1: @navbar-default-link-color;
|
|
@navbar-default-brand-color-2: @navbar-default-link-color;
|
|
@navbar-default-brand-hover-color-1: @navbar-default-link-color;
|
|
@navbar-default-brand-hover-color-2: @navbar-default-link-color;
|
|
@navbar-default-brand-hover-bg-1: transparent;
|
|
@navbar-default-brand-hover-bg-2: transparent;
|