2015-11-06 22:44:34 +01:00
|
|
|
|
|
|
|
|
@staticPath: "./";
|
|
|
|
|
|
|
|
|
|
// Sizes
|
|
|
|
|
@mobileMaxWidth: 1240px;
|
|
|
|
|
|
|
|
|
|
// Header
|
|
|
|
|
@header-height: 50px;
|
|
|
|
|
@header-color: hsl(194, 5%, 52%);
|
|
|
|
|
@header-background: white;
|
|
|
|
|
@header-button-color: hsl(194, 5%, 52%);
|
|
|
|
|
@header-button-hover-color: #151515;
|
|
|
|
|
@header-button-hover-background: hsl(207, 15%, 95%);
|
|
|
|
|
|
|
|
|
|
// Body
|
|
|
|
|
@body-background: white;
|
|
|
|
|
@body-pagination-background: hsl(207, 15%, 95%);
|
|
|
|
|
|
|
|
|
|
// Sidebar
|
|
|
|
|
@sidebar-width: 250px;
|
|
|
|
|
@sidebar-color: hsl(207, 15%, 80%);
|
|
|
|
|
@sidebar-background: hsl(207, 15%, 95%);
|
|
|
|
|
|
|
|
|
|
@sidebar-nested-padding: 10px;
|
|
|
|
|
|
|
|
|
|
@sidebar-search-padding: 6px;
|
|
|
|
|
@sidebar-search-background: hsl(207, 15%, 80%);
|
|
|
|
|
@sidebar-search-border-color: hsl(207, 15%, 80%);
|
|
|
|
|
|
|
|
|
|
@sidebar-divider-color: hsl(207, 15%, 85%);
|
|
|
|
|
|
|
|
|
|
@sidebar-link-color: hsl(207, 15%, 50%);
|
|
|
|
|
@sidebar-link-background: transparent;
|
|
|
|
|
@sidebar-link-hover-color: hsl(207, 100%, 50%);
|
|
|
|
|
@sidebar-link-hover-background: transparent;
|
|
|
|
|
|
|
|
|
|
@sidebar-icon-color: @bar-progress-background;
|
|
|
|
|
@sidebar-link-completed: hsl(207, 15%, 25%);
|
|
|
|
|
@sidebar-link-completed-weight: normal;
|
|
|
|
|
|
|
|
|
|
// Page
|
|
|
|
|
@page-background: white;
|
|
|
|
|
|
|
|
|
|
// Progress Bar
|
|
|
|
|
@chapter-display: none;
|
|
|
|
|
@chapter-size: 16px;
|
|
|
|
|
|
2016-05-05 23:43:37 +02:00
|
|
|
@progress-height: 0;
|
2015-11-06 22:44:34 +01:00
|
|
|
|
|
|
|
|
@bar-height: 2px;
|
|
|
|
|
@bar-left: @sidebar-width;
|
|
|
|
|
@bar-right: 0;
|
|
|
|
|
@bar-top: 50px;
|
|
|
|
|
@bar-position: fixed;
|
|
|
|
|
@bar-background: white;
|
|
|
|
|
@bar-progress-background: hsl(120, 60%, 50%);
|
|
|
|
|
|
|
|
|
|
// Basics of a navbar
|
|
|
|
|
@navbar-height: 50px;
|
|
|
|
|
@navbar-margin-bottom: @line-height-computed;
|
|
|
|
|
@navbar-default-border: #d5d5d5;
|
2016-05-05 23:43:37 +02:00
|
|
|
@navbar-border-radius: 0;
|
2015-11-06 22:44:34 +01:00
|
|
|
@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, "EB Garamond", Georgia, serif;
|
|
|
|
|
@font-family-sans: "Open Sans", "Clear Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
|
|
|
@font-family-base: @font-family-serif;
|
|
|
|
|
|
|
|
|
|
@FontPath: '@{staticPath}/gitbook/fonts';
|
|
|
|
|
@fa-font-path: "@{FontPath}/fontawesome";
|
|
|
|
|
|
