forked from designmodo/Flat-UI
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathdocs.css.map
More file actions
1 lines (1 loc) · 37.9 KB
/
docs.css.map
File metadata and controls
1 lines (1 loc) · 37.9 KB
1
{"version":3,"sources":["docs/assets/css/src/prettyprint.less","docs/assets/css/src/docs.less","less/mixins/clearfix.less","less/variables.less"],"names":[],"mappings":"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","sourcesContent":["/* Prettyfy Theme */\n.prettyprint {\n background-color: #F7F7F9;\n font-family: Menlo, 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', Monaco, Consolas, monospace;\n border: 2px solid #E1E1E8;\n padding: 15px 21px;\n}\n\n.pln {\n color: #333333;\n}\n\n@media screen {\n .str {\n color: #dd1144;\n }\n\n .kwd {\n color: #333333;\n }\n\n .com {\n color: #999988;\n }\n\n .typ {\n color: #445588;\n }\n\n .lit {\n color: #445588;\n }\n\n .pun {\n color: #333333;\n }\n\n .opn {\n color: #333333;\n }\n\n .clo {\n color: #333333;\n }\n\n .tag {\n color: navy;\n }\n\n .atn {\n color: teal;\n }\n\n .atv {\n color: #dd1144;\n }\n\n .dec {\n color: #333333;\n }\n\n .var {\n color: teal;\n }\n\n .fun {\n color: #990000;\n }\n}\n@media print, projection {\n .str {\n color: #006600;\n }\n\n .kwd {\n color: #006;\n font-weight: bold;\n }\n\n .com {\n color: #600;\n font-style: italic;\n }\n\n .typ {\n color: #404;\n font-weight: bold;\n }\n\n .lit {\n color: #004444;\n }\n\n .pun, .opn, .clo {\n color: #444400;\n }\n\n .tag {\n color: #006;\n font-weight: bold;\n }\n\n .atn {\n color: #440044;\n }\n\n .atv {\n color: #006600;\n }\n}\n/* Specify class=linenums on a pre to get line numbering */\nol.linenums {\n margin-top: 0;\n margin-bottom: 0;\n}\n","//\n// Docs Flat UI Pro\n// --------------------------------------------------\n\n// Variables and utilityes\n@import \"../../../../less/variables\";\n@import \"../../../../less/mixins\";\n@import \"prettyprint\";\n\n.docs-example-popovers {\n position: relative;\n margin: -20px -20px 0;\n .clearfix();\n\n .popover {\n display: block;\n float: left;\n margin: 20px;\n position: relative;\n width: 260px;\n }\n}\n\n// For demo purposes only\n.demo-headline {\n color: @brand-secondary;\n font: 700 118px/1.1 @font-family-demo !important;\n margin-bottom: 50px;\n padding: 40px 0;\n text-align: center;\n word-wrap: break-word;\n margin-top: 2px;\n}\n\n// Panels delimiter\n.demo-row {\n margin: 0 auto;\n padding: 0 20px 50px;\n width: 940px;\n .clearfix();\n\n .demo-heading-note,\n .demo-text-note {\n display: block;\n width: 260px;\n position: absolute;\n bottom: 10px;\n left: 0;\n font-size: 13px;\n line-height: 13px;\n color: mix(desaturate(@brand-primary, 25%), white, 34%);\n font-weight: 400;\n }\n .demo-text-note {\n bottom: auto;\n top: 10px;\n }\n &.menu-row {\n padding: 50px 20px 10px;\n }\n &.typography-row {\n .demo-content {\n float: none;\n margin-left: 20px;\n padding-top: 0;\n width: auto;\n clear: both;\n }\n .demo-type-example {\n padding-left: 265px;\n margin-bottom: 40px;\n position: relative;\n }\n }\n}\n\n.demo-col {\n float: left;\n margin: 0 20px;\n width: 270px;\n}\n\n.demo-content {\n float: left;\n margin-left: 20px;\n width: 580px;\n\n &.demo-content-article {\n p { margin-bottom: 20px; }\n\n ul {\n list-style-type: none;\n margin-left: 0;\n }\n\n li {\n line-height: ceil((@font-size-base * 1.285 * 1.5));\n padding: 0 0 5px;\n }\n }\n}\n\n.demo-content-wide {\n clear: both;\n margin: 0 20px;\n .clearfix();\n}\n\n.demo-title {\n float: left;\n margin: -0.5em 20px 0;\n width: 240px;\n font: 700 24.5px/40px @font-family-demo;\n\n h1, h2, h3, h4 {\n margin-top: 0;\n font-family: @font-family-demo;\n }\n h1, h2, h3 {\n line-height: 40px !important;\n }\n h3 {\n font-size: 24.5px !important;\n }\n small {\n color: mix(desaturate(@brand-primary, 25%), white, 34%);\n font-size: 13px;\n font-weight: 400;\n }\n}\n\n.demo-buttons .btn,\n.demo-inputs .control-group {\n margin-bottom: 20px;\n}\n\n.demo-navigation {\n .demo-title {\n margin-top: 10px;\n }\n}\n\n.demo-pager {\n margin-top: -10px;\n}\n\n.demo-tooltips {\n width: 40%;\n padding-left: 10px;\n // Needed just for the demo. Don't use it in producion ;)\n\n .tooltip {\n left: -8px !important;\n position: relative !important;\n top: -8px !important;\n }\n .tooltip-inner {\n max-width: 100%;\n width: auto;\n }\n}\n\n.demo-popovers {\n .popover {\n display: block;\n margin: 0 13px 0 -3px;\n position: relative;\n width: auto;\n }\n}\n\n.demo-social-buttons {\n .btn {\n clear: left;\n float: left;\n margin-bottom: 17px;\n }\n}\n\n.demo-headings {\n margin-bottom: 12px;\n}\n\n.demo-tiles {\n margin-bottom: 46px;\n}\n\n.demo-icons {\n font-size: 32px;\n margin-left: -15px;\n\n > span {\n display: inline-block;\n margin: 0 0 32px 35px;\n width: 32px;\n }\n\n @media (max-width: 480px) {\n > span {\n margin-left: 16px;\n margin-right: 16px;\n }\n }\n}\n\n.demo-icons-tooltip {\n bottom: 0;\n color: mix(@brand-primary, @inverse, 30%);\n font-size: 12px;\n left: 100%;\n margin-left: 0 !important;\n position: absolute;\n width: 80px;\n}\n\n.demo-inline {\n display: inline-block;\n}\n\n.demo-labels {\n font-size: floor((@font-size-base * 1.056)); // ~19px\n\n .visible-lg {\n display: inline !important;\n\n @media (max-width: 767px) {\n display: none !important;\n }\n }\n}\n\n\n// Illustration Icons\n// --------------------------------------------------\n.demo-illustrations {\n margin-top: 40px;\n\n .demo-content-wide {\n margin: 0 0 0 -66px;\n padding-top: 20px;\n\n > div {\n float: left;\n width: 100px;\n height: 100px;\n line-height: 100px;\n margin: 0 0 80px 87px;\n text-align: center;\n vertical-align: middle;\n }\n }\n img {\n display: inline-block;\n max-height: 100px;\n max-width: 100px;\n vertical-align: middle;\n }\n}\n\n// Dialog with form inside\n.demo-dialog {\n padding: 13px 20px 15px;\n\n .flat {\n width: 300px;\n }\n @media (max-width: 767px) {\n .flat {\n width: 100%;\n }\n }\n}\n\n// Static Modal\n.static-modal-backdrop {\n background-color: mix(@brand-primary, black, 70%);\n padding: 62px 14px;\n margin-bottom: 50px;\n width: 100%;\n\n .modal {\n bottom: auto;\n display: block;\n position: relative;\n top: auto;\n z-index: 1;\n overflow: hidden;\n padding-bottom: 20px;\n }\n .modal-dialog {\n padding: 0;\n }\n}\n\n.components-static-modal {\n .modal {\n bottom: auto;\n display: block;\n left: auto;\n position: relative;\n top: auto;\n z-index: 1;\n overflow: visible;\n }\n .modal-dialog,\n .modal-content {\n width: auto;\n }\n .modal-dialog {\n padding: 0;\n }\n}\n\n// Sidebar for Components navigation\n.demo-sidebar {\n font-size: floor((@font-size-base * 0.778)); // ~14px\n line-height: 1.214; // ~17px\n height: 100%;\n left: 0;\n margin: 0;\n list-style-type: none;\n overflow: auto;\n position: fixed;\n top: 0;\n padding: 0;\n width: 150px;\n z-index: 10000;\n background-color: mix(@brand-primary, white, 6%);\n -webkit-font-smoothing: subpixel-antialiased;\n\n li {\n &:first-child {\n a {\n padding-top: 20px;\n }\n }\n }\n\n a {\n display: block;\n padding: 7px 20px;\n }\n}\n\n\n// File Input\n.demo-col {\n .fileinput {\n .input-group { // Inline fileinput\n .uneditable-input {\n max-width: 370px;\n }\n }\n }\n}\n\n//\n// Responsive: Landscape phone to desktop/tablet\n// --------------------------------------------------\n@media (max-width: 767px) {\n .demo-row {\n margin-bottom: 0;\n margin-left: 0;\n padding-left: 0;\n padding-right: 0;\n width: auto;\n }\n .demo-col,\n .demo-content,\n .demo-content-wide,\n .demo-title {\n float: none;\n margin: 0 0 18px !important;\n padding: 0 !important;\n width: auto;\n }\n .demo-headline {\n font-size: ceil((@font-size-base * 3.611)) !important;\n text-align: left;\n padding-left: 15px;\n padding-right: 15px;\n }\n\n .demo-inline { display: block; }\n\n .demo-navigation {\n .btn-toolbar {\n margin: 0;\n }\n\n .pager {\n display: block;\n margin-left: 0 !important;\n margin-bottom: 20px;\n }\n }\n .typography-row {\n .demo-type-example {\n padding-left: 0 !important;\n }\n .demo-heading-note,\n .demo-text-note {\n position: static !important;\n margin: 0 0 10px;\n }\n }\n .demo-illustrations .demo-content-wide > div {\n margin-left: 67px;\n }\n}\n\n/* Demo video */\n.demo-video {\n margin-top: 40px;\n}\n\n@media (max-width: 480px) {\n .demo-illustrations .demo-content-wide > div {\n margin-left: 23px;\n }\n .demo-navigation {\n .mll.pvl {\n padding: 0;\n margin-left: 0 !important;\n margin-bottom: 20px;\n }\n }\n}\n","// Clearfix\n//\n// For modern browsers\n// 1. The space content is one way to avoid an Opera bug when the\n// contenteditable attribute is included anywhere else in the document.\n// Otherwise it causes space to appear at the top and bottom of elements\n// that are clearfixed.\n// 2. The use of `table` rather than `block` is only necessary if using\n// `:before` to contain the top-margins of child elements.\n//\n// Source: http://nicolasgallagher.com/micro-clearfix-hack/\n\n.clearfix() {\n &:before,\n &:after {\n content: \" \"; // 1\n display: table; // 2\n }\n &:after {\n clear: both;\n }\n}\n","//\n// Variables\n// --------------------------------------------------\n\n\n// == Colors\n//\n//##\n\n// Color swatches\n@turquoise: #1abc9c;\n@green-sea: #16a085;\n\n@emerald: #2ecc71;\n@nephritis: #27ae60;\n\n@peter-river: #3498db;\n@belize-hole: #2980b9;\n\n@amethyst: #9b59b6;\n@wisteria: #8e44ad;\n\n@wet-asphalt: #34495e;\n@midnight-blue: #2c3e50;\n\n@sun-flower: #f1c40f;\n@orange: #f39c12;\n\n@carrot: #e67e22;\n@pumpkin: #d35400;\n\n@alizarin: #e74c3c;\n@pomegranate: #c0392b;\n\n@clouds: #ecf0f1;\n@silver: #bdc3c7;\n\n@concrete: #95a5a6;\n@asbestos: #7f8c8d;\n\n// Grays\n@gray: @concrete;\n@gray-light: @silver;\n@inverse: white;\n\n// Brand colors\n@brand-primary: @wet-asphalt;\n@brand-secondary: @turquoise;\n@brand-success: @emerald;\n@brand-warning: @sun-flower;\n@brand-danger: @alizarin;\n@brand-info: @peter-river;\n\n// Social colors\n@social-pinterest: #cb2028;\n@social-linkedin: #0072b5;\n@social-stumbleupon: #ed4a13;\n@social-googleplus: #2d2d2d;\n@social-facebook: #2f4b93;\n@social-twitter: #00bdef;\n\n\n//== Scaffolding\n//\n//## Settings for some of the most global styles.\n\n@body-bg: #fff;\n@text-color: @brand-primary;\n\n//** Global textual link color.\n@link-color: @green-sea;\n@link-hover-color: @turquoise;\n//** Link hover decoration.\n@link-hover-decoration: none;\n\n\n//== Typography\n//\n//## Font, line-height for body text, headings, and more.\n\n@font-family-base: \"Lato\", Helvetica, Arial, sans-serif;\n@font-family-demo: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n@font-family-monospace: Monaco, Menlo, Consolas, \"Courier New\", monospace;\n@font-size-base: 18px;\n\n@local-font-path: \"../fonts/lato/\";\n@local-font-name: \"lato-regular\";\n@local-font-svg-id: \"latoregular\";\n@local-font-name-light: \"lato-light\";\n@local-font-svg-id-light: \"latolight\";\n@local-font-name-black: \"lato-black\";\n@local-font-svg-id-black: \"latoblack\";\n@local-font-name-bold: \"lato-bold\";\n@local-font-svg-id-bold: \"latobold\";\n@local-font-name-italic: \"lato-italic\";\n@local-font-svg-id-italic: \"latoitalic\";\n@local-font-name-bold-italic: \"lato-bolditalic\";\n@local-font-svg-id-bold-italic: \"latobold-italic\";\n\n@font-size-h1: floor((@font-size-base * 3.444)); // ~62px\n@font-size-h2: ceil((@font-size-base * 2.889)); // ~52px\n@font-size-h3: ceil((@font-size-base * 2.222)); // ~40px\n@font-size-h4: ceil((@font-size-base * 1.611)); // ~29px\n@font-size-h5: floor((@font-size-base * 1.556)); // ~28px\n@font-size-h6: ceil((@font-size-base * 1.333)); // ~24px\n\n@line-height-base: 1.72222; // 31/18\n@line-height-computed: floor((@font-size-base * @line-height-base)); // ~31px\n\n@headings-font-family: inherit;\n@headings-font-weight: 700;\n@headings-line-height: 1.1;\n@headings-color: inherit;\n\n\n//== Iconography\n//\n//## Specify custom locations of the include Glyphicons icon font.\n\n@icon-font-path: \"../fonts/glyphicons/\";\n@icon-font-name: \"flat-ui-icons-regular\";\n@icon-font-svg-id: \"flat-ui-icons-regular\";\n\n//** Icon sizes for use in components\n@icon-normal: 16px;\n@icon-medium: 18px;\n@icon-large: 32px;\n\n\n//== Components\n//\n//## Define common padding and border radius sizes and more.\n\n//** Default font-size in components\n@component-font-size-base: ceil((@font-size-base * 0.833)); // ~15px\n\n// Border-radius\n@border-radius-base: 4px;\n@border-radius-large: 6px;\n@border-radius-small: 3px;\n\n//** Width of the `border` for generating carets that indicator dropdowns.\n@caret-width-base: 6px;\n@caret-width-base-vertical: (@caret-width-base + 2);\n\n@caret-width-xs: 4px;\n@caret-width-xs-vertical: (@caret-width-xs + 2);\n\n//== Buttons\n//\n//## For each of Flat UI's buttons, define text, background, font size and height.\n\n@btn-font-size-base: @component-font-size-base;\n@btn-font-size-xs: ceil((@component-font-size-base * 0.8)); // ~12px\n@btn-font-size-sm: floor((@component-font-size-base * 0.867)); // ~13px\n@btn-font-size-lg: ceil((@component-font-size-base * 1.133)); // ~17px\n@btn-font-size-hg: floor((@component-font-size-base * 1.467)); // ~22px\n\n@btn-line-height-base: 1.4; // ~21px\n@btn-line-height-hg: 1.227; // ~27px\n@btn-line-height-lg: 1.471; // ~25px\n@btn-line-height-sm: 1.385; // ~16px\n@btn-line-height-xs: 1.083; // ~13px\n\n@btn-social-font-size-base: floor((@component-font-size-base * 0.867)); // ~13px\n@btn-social-line-height-base: 1.077; // ~14px\n\n@btn-font-weight: normal;\n\n@btn-default-color: @inverse;\n@btn-default-bg: @gray-light;\n@btn-hover-bg: mix(@gray-light, white, 80%);\n@btn-active-bg: mix(@gray-light, black, 85%);\n\n@btn-primary-hover-bg: mix(@brand-secondary, white, 80%);\n@btn-primary-active-bg: mix(@brand-secondary, black, 85%);\n\n@btn-info-hover-bg: mix(@brand-info, white, 80%);\n@btn-info-active-bg: mix(@brand-info, black, 85%);\n\n@btn-success-hover-bg: mix(@brand-success, white, 80%);\n@btn-success-active-bg: mix(@brand-success, black, 85%);\n\n@btn-danger-hover-bg: mix(@brand-danger, white, 80%);\n@btn-danger-active-bg: mix(@brand-danger, black, 85%);\n\n@btn-warning-hover-bg: overlay(@brand-warning, darken(white, 37.5%));\n@btn-warning-active-bg: mix(@brand-warning, black, 85%);\n\n@btn-inverse-hover-bg: overlay(@brand-primary, darken(white, 37.5%));\n@btn-inverse-active-bg: mix(@brand-primary, black, 85%);\n\n@btn-link-disabled-color: @gray-light;\n\n\n//== Forms\n//\n//##\n\n@input-font-size-base: @component-font-size-base;\n@input-font-size-sm: floor((@component-font-size-base * 0.867)); // ~13px\n@input-font-size-lg: ceil((@component-font-size-base * 1.133)); // ~17px\n@input-font-size-hg: floor((@component-font-size-base * 1.467)); // ~22px\n\n@input-line-height-base: 1.467; // ~22px\n@input-line-height-sm: 1.462; // ~19px\n@input-line-height-lg: 1.235; // ~21px\n@input-line-height-hg: 1.318; // ~29px\n\n@input-icon-font-size: ceil((@component-font-size-base * 1.067)); // ~16px\n@input-icon-font-size-lg: ceil((@component-font-size-base * 1.2)); // ~18px\n@input-icon-font-size-hg: ceil((@component-font-size-base * 1.333)); // ~20px\n\n@input-bg: @inverse;\n@input-bg-disabled: mix(@gray, white, 10%);\n\n@input-height-sm: 35px;\n@input-height-base: 41px;\n@input-height-lg: 45px;\n@input-height-hg: 53px;\n\n@input-border-radius: @border-radius-large;\n\n//** Disabled cursor for form controls and buttons.\n@cursor-disabled: not-allowed;\n\n@legend-color: inherit;\n\n\n\n\n\n\n//== Tags Input\n//\n//##\n\n@tagsinput-container-bg: @inverse;\n@tagsinput-container-border-color: mix(@inverse, @brand-primary, 90%);\n@tagsinput-container-border-radius: @border-radius-large;\n\n@tagsinput-input-color: @brand-primary;\n\n@tagsinput-tag-bg: mix(@inverse, @brand-primary, 90%);\n@tagsinput-tag-color: mix(@brand-primary, @inverse, 65%);\n@tagsinput-tag-hover-bg: mix(@brand-secondary, black, 85%);\n@tagsinput-tag-hover-color: @inverse;\n@tagsinput-tag-icon-color: @inverse;\n@tagsinput-tag-border-radius: @border-radius-base;\n\n@tagsinput-primary-container-border-color: @brand-secondary;\n@tagsinput-primary-tag-bg: @brand-secondary;\n@tagsinput-primary-tag-color: @inverse;\n@tagsinput-primary-tag-hover-bg: mix(@brand-secondary, black, 85%);\n@tagsinput-primary-tag-hover-color: @inverse;\n\n\n//== Selects\n//\n//## For each of Flat UI's selects, define text, background, font size and height.\n\n@select-font-size-base: @btn-font-size-base;\n@select-font-size-sm: @btn-font-size-sm;\n@select-font-size-lg: @btn-font-size-lg;\n@select-font-size-hg: @btn-font-size-hg;\n\n@select-line-height-base: @btn-line-height-base;\n@select-line-height-hg: @btn-line-height-hg;\n@select-line-height-lg: @btn-line-height-lg;\n@select-line-height-sm: @btn-line-height-sm;\n\n@select-font-weight: @btn-font-weight;\n\n@select-disabled-opacity: 0.7;\n\n@select-default-color: @btn-default-color;\n@select-default-bg: @btn-default-bg;\n@select-default-hover-bg: @btn-hover-bg;\n@select-default-active-bg: @btn-active-bg;\n\n@select-primary-hover-bg: @btn-primary-hover-bg;\n@select-primary-active-bg: @btn-primary-active-bg;\n\n@select-info-hover-bg: @btn-info-hover-bg;\n@select-info-active-bg: @btn-info-active-bg;\n\n@select-success-hover-bg: @btn-success-hover-bg;\n@select-success-active-bg: @btn-success-active-bg;\n\n@select-danger-hover-bg: @btn-danger-hover-bg;\n@select-danger-active-bg: @btn-danger-active-bg;\n\n@select-warning-hover-bg: @btn-warning-hover-bg;\n@select-warning-active-bg: @btn-warning-active-bg;\n\n@select-inverse-hover-bg: @btn-inverse-hover-bg;\n@select-inverse-active-bg: @btn-inverse-active-bg;\n\n@select-link-disabled-color: @btn-link-disabled-color;\n@select-arrow-color: @brand-primary;\n\n// Select dropdowns\n@select-dropdown-border-radius: @border-radius-base;\n\n@select-dropdown-item-color: fade(@brand-primary, 85%);\n@select-dropdown-item-hover-color: inherit;\n@select-dropdown-item-hover-bg: mix(@inverse, @brand-primary, 85%);\n\n@select-dropdown-disabled-item-color: fade(@brand-primary, 95%);\n@select-dropdown-disabled-item-opacity: 0.4;\n\n@select-dropdown-highlighted-item-bg: @brand-secondary;\n@select-dropdown-highlighted-item-color: @inverse;\n\n@select-dropdown-optgroup-color: fade(@brand-primary, 60%);\n\n// Multiselect\n@multiselect-container-bg: @tagsinput-container-bg;\n@multiselect-container-border-color: @tagsinput-container-border-color;\n@multiselect-container-border-radius: @tagsinput-container-border-radius;\n\n@multiselect-tag-border-radius: @tagsinput-tag-border-radius;\n@multiselect-tag-color: @inverse;\n@multiselect-tag-hover-color: @tagsinput-tag-hover-color;\n@multiselect-tag-icon-color: @tagsinput-tag-icon-color;\n\n@multiselect-dropdown-border-radius: @border-radius-large;\n@multiselect-dropdown-item-border-radius: @border-radius-base;\n\n@multiselect-input-color: @tagsinput-input-color;\n\n\n//== Pagination\n//\n//##\n\n@pagination-bg: mix(@brand-primary, white, 20%);\n@pagination-hover-bg: @brand-secondary;\n@pagination-color: @inverse;\n@pagination-border-radius: @border-radius-large;\n\n\n//== Pager\n//\n//##\n\n@pager-padding: 9px 15px 10px;\n@pager-bg: @brand-primary;\n@pager-hover-bg: mix(@brand-primary, black, 85%);\n@pager-active-bg: @pager-hover-bg;\n@pager-border-radius: @border-radius-large;\n@pager-color: @inverse;\n\n\n\n\n//== Navbar\n//\n//##\n\n// Basics of a navbar\n@zindex-navbar: 1000;\n@zindex-navbar-fixed: 1030;\n@navbar-height-base: 53px;\n@navbar-height-large: 76px;\n@navbar-input-line-height: 1.4; // ~21px\n@navbar-margin-bottom: @line-height-computed;\n@navbar-border-radius: @border-radius-large;\n\n@navbar-default-bg: saturate(spin(tint(@brand-primary, 91%), -18), 2%);\n\n// Navbar links\n@navbar-default-link-color: @brand-primary;\n@navbar-default-link-hover-color: @brand-secondary;\n@navbar-default-link-hover-bg: transparent;\n@navbar-default-link-active-color: @brand-secondary;\n@navbar-default-link-active-bg: transparent;\n@navbar-default-link-disabled-color: #ccc;\n@navbar-default-link-disabled-bg: transparent;\n\n// Navbar nav carets\n@navbar-default-caret-color: @navbar-default-link-color;\n@navbar-default-caret-hover-color: @navbar-default-link-hover-color;\n@navbar-default-caret-active-color: @navbar-default-link-active-color;\n\n// Navbar brand label\n@navbar-default-brand-color: @navbar-default-link-color;\n@navbar-default-brand-hover-color: @navbar-default-link-hover-color;\n@navbar-default-brand-hover-bg: transparent;\n\n// Navbar toggle\n@navbar-default-toggle-color: @navbar-default-link-color;\n@navbar-default-toggle-hover-color: @navbar-default-link-hover-color;\n\n// Navbar form\n@navbar-default-form-placeholder: spin(tint(@brand-primary, 60%), 2);\n@navbar-default-form-icon: desaturate(tint(@brand-primary, 45%), 2%);\n@navbar-default-form-border: shade(@navbar-default-bg, 3%);\n\n\n// Inverted navbar\n// Reset inverted navbar basics\n@navbar-inverse-divider: darken(@brand-primary, 3%);\n\n// Reset inverted navbar basics\n@navbar-inverse-color: @inverse;\n@navbar-inverse-bg: @brand-primary;\n@navbar-inverse-border: darken(@navbar-inverse-bg, 10%);\n\n// Inverted navbar links\n@navbar-inverse-link-color: @inverse;\n@navbar-inverse-link-hover-color: @brand-secondary;\n@navbar-inverse-link-hover-bg: transparent;\n@navbar-inverse-link-active-color: @navbar-inverse-link-color;\n@navbar-inverse-link-active-bg: @brand-secondary;\n@navbar-inverse-link-disabled-color: #444;\n@navbar-inverse-link-disabled-bg: transparent;\n\n// Navbar nav carets\n@navbar-inverse-caret-color: lighten(desaturate(@brand-primary, 7%), 9%);\n@navbar-inverse-caret-hover-color: @navbar-inverse-link-hover-color;\n@navbar-inverse-caret-active-color: @navbar-inverse-link-active-color;\n\n// Inverted navbar brand label\n@navbar-inverse-brand-color: @navbar-inverse-link-color;\n@navbar-inverse-brand-hover-color: @navbar-inverse-link-hover-color;\n@navbar-inverse-brand-hover-bg: transparent;\n\n// Inverted navbar toggle\n@navbar-inverse-toggle-color: @navbar-inverse-link-color;\n@navbar-inverse-toggle-hover-color: @navbar-inverse-link-hover-color;\n\n// Navbar form\n@navbar-inverse-form-bg: darken(@brand-primary, 6%);\n@navbar-inverse-form-placeholder: desaturate(lighten(@brand-primary, 13%), 7%);\n@navbar-inverse-form-icon: desaturate(lighten(@brand-primary, 13%), 6%);\n@navbar-inverse-form-border: @navbar-inverse-divider;\n\n// Navbar dropdowns\n@navbar-inverse-dropdown-bg: @navbar-inverse-bg;\n@navbar-inverse-dropdown-link-color: mix(@navbar-inverse-bg, @navbar-inverse-color, 15%);\n@navbar-inverse-dropdown-link-hover-color: @inverse;\n@navbar-inverse-dropdown-link-hover-bg: @brand-secondary;\n\n//== Dropdowns\n//\n//## Dropdown menu container and contents.\n\n\n@zindex-dropdown: 1000;\n@dropdown-border-radius: @border-radius-base;\n\n//** Background for the dropdown menu.\n@dropdown-bg: desaturate(lighten(@brand-primary, 67%), 20%);\n\n//** Dropdown link text color.\n@dropdown-link-color: mix(darken(@brand-primary, 5%), @inverse, 75%);\n//** Hover color for dropdown links.\n@dropdown-link-hover-color: darken(@dropdown-link-color, 5%);\n//** Hover background for dropdown links.\n@dropdown-link-hover-bg: fade(desaturate(lighten(@brand-primary, 52%), 21%), 50%);\n\n//** Active dropdown menu item text color.\n@dropdown-link-active-color: @inverse;\n//** Active dropdown menu item background color.\n@dropdown-link-active-bg: @brand-secondary;\n\n//** Disabled dropdown menu item background color.\n@dropdown-link-disabled-color: @gray-light;\n\n//** Divider color for between dropdown items.\n@dropdown-divider-bg: fade(@dropdown-link-hover-bg, 50%);\n\n//** Text color for headers within dropdown menus.\n@dropdown-header-color: fade(@brand-primary, 60%);\n\n\n// Inverted dropdown\n//\n\n@dropdown-inverse-bg: @brand-primary;\n\n\n//** Dropdown link text color.\n@dropdown-inverse-link-color: fade(@inverse, 85%);\n//** Hover color for dropdown links.\n@dropdown-inverse-link-hover-color: fade(@inverse, 85%);\n//** Hover background for dropdown links.\n@dropdown-inverse-link-hover-bg: fade(darken(@brand-primary, 5%), 50%);\n\n//** Active dropdown menu item text color.\n@dropdown-inverse-link-active-color: fade(@inverse, 85%);\n//** Active dropdown menu item background color.\n@dropdown-inverse-link-active-bg: @brand-secondary;\n\n//** Disabled dropdown menu item background color.\n@dropdown-inverse-link-disabled-color: fade(@dropdown-inverse-link-color, 50%);\n\n//** Divider color for between dropdown items.\n@dropdown-inverse-divider-bg: @dropdown-inverse-link-hover-bg;\n\n//** Text color for headers within dropdown menus.\n@dropdown-inverse-header-color: fade(@inverse, 40%);\n\n\n//== Progress bars\n//\n//##\n\n@progress-height: 12px;\n\n\n//== Slider\n//\n//##\n\n@slider-height: 12px;\n@slider-value-font-size: floor((@component-font-size-base * 0.867)); // ~13px;\n\n@slider-handle-bg: mix(@brand-secondary, black, 85%);\n@slider-handle-hover-bg: mix(@brand-secondary, white, 80%);\n@slider-handle-active-bg: mix(@brand-secondary, black, 85%);\n\n@slider-range-bg: @brand-secondary;\n\n@slider-segment-bg: mix(desaturate(@brand-primary, 15%), white, 20%);\n\n\n//== Switch\n//\n//##\n\n@switch-name: bootstrap-switch;\n@switch-border-radius: 30px;\n@switch-width: 80px;\n@switch-height: 29px;\n\n\n\n//== Video player\n//\n//##\n\n@vplayer-border-radius: @border-radius-large;\n@vplayer-fullscreen-bg: #000;\n@vplayer-fullscreen-zindex: 10000;\n\n@vplayer-control-bar-color: @inverse;\n@vplayer-control-bar-bg: @midnight-blue;\n\n@vplayer-preloader-primary-bg: #e74c3c;\n@vplayer-preloader-secondary-bg: #ebedee;\n\n@vplayer-text-track-bg: rgba(0,0,0,.5);\n\n@vplaver-play-control-color: @brand-secondary;\n@vplaver-play-control-hover-color: mix(@brand-secondary, black, 85%);\n\n@vplaver-second-controls-color: desaturate(lighten(@midnight-blue, 12%), 6%);\n@vplaver-second-controls-hover-color: desaturate(lighten(@midnight-blue, 20%), 6%);\n\n@vplaver-progress-bg: mix(@brand-primary, @inverse, 93%);\n@vplaver-play-progress-bg: @brand-secondary;\n@vplaver-load-progress-bg: mix(@brand-primary, @inverse, 20%);\n\n@vplayer-seek-handle-bg: mix(@brand-secondary, black, 85%);\n@vplayer-seek-handle-hover-bg: mix(@brand-secondary, black, 75%);\n@vplayer-seek-handle-active-bg: mix(@brand-secondary, black, 65%);\n\n@vplayer-time-divider-color: mix(@brand-primary, @inverse, 80%);\n@vplayer-duration-color: mix(@brand-primary, @inverse, 80%);\n\n\n\n\n//== Todo list\n//\n//##\n\n@todo-bg: @brand-primary;\n@todo-bg-active: mix(@brand-primary, black, 85%);\n@todo-search-bg: @brand-secondary;\n@todo-search-color: @brand-primary;\n@todo-color: mix(@brand-primary, @inverse, 66%);\n@todo-name-color: @inverse;\n@todo-color-active: @brand-secondary;\n@todo-border-radius: @border-radius-large;\n\n\n//== Thumbnails\n//\n//##\n\n//** Padding around the thumbnail image\n@thumbnail-padding: 4px;\n//** Thumbnail background color\n@thumbnail-bg: @body-bg;\n//** Thumbnail border color\n@thumbnail-border: @gray-light;\n//** Thumbnail border radius\n@thumbnail-border-radius: @border-radius-large;\n\n//** Custom text color for thumbnail captions\n@thumbnail-caption-color: @text-color;\n//** Padding around the thumbnail caption\n@thumbnail-caption-padding: 9px;\n\n\n//== Tiles\n//\n//##\n\n@tiles-bg: mix(@brand-primary, @inverse, 8%);\n@tiles-border-radius: @border-radius-large;\n\n\n\n//== Media queries breakpoints\n//\n//## Define the breakpoints at which your layout will change, adapting to different screen sizes.\n\n// Extra small screen / phone\n@screen-xs-min: 480px;\n\n// Small screen / tablet\n@screen-sm-min: 768px;\n\n// Medium screen / desktop\n@screen-md-min: 992px;\n\n// Large screen / wide desktop\n@screen-lg-min: 1200px;\n\n// So media queries don't overlap when required, provide a maximum\n@screen-xs-max: (@screen-sm-min - 1);\n@screen-sm-max: (@screen-md-min - 1);\n@screen-md-max: (@screen-lg-min - 1);\n\n\n//== Grid system\n//\n//## Define your custom responsive grid.\n\n//** Number of columns in the grid.\n@grid-columns: 12;\n//** Padding between columns. Gets divided in half for the left and right.\n@grid-gutter-width: 30px;\n// Navbar collapse\n//** Point at which the navbar becomes uncollapsed.\n@grid-float-breakpoint: @screen-sm-min;\n//** Point at which the navbar begins collapsing.\n@grid-float-breakpoint-max: (@grid-float-breakpoint - 1);\n\n\n//== Form states and alerts\n//\n//## Define colors for form feedback states and, by default, alerts.\n\n@state-success-text: @brand-success;\n@state-success-bg: #dff0d8;\n@state-success-border: darken(spin(@state-success-bg, -10), 5%);\n\n@state-info-text: @brand-info;\n@state-info-bg: #d9edf7;\n@state-info-border: darken(spin(@state-info-bg, -10), 7%);\n\n@state-warning-text: @brand-warning;\n@state-warning-bg: #fcf8e3;\n@state-warning-border: darken(spin(@state-warning-bg, -10), 5%);\n\n@state-danger-text: @brand-danger;\n@state-danger-bg: #f2dede;\n@state-danger-border: darken(spin(@state-danger-bg, -10), 5%);\n\n\n//== Tooltips\n//\n//##\n\n//** Tooltip max width\n@tooltip-max-width: 183px;\n//** Tooltip text color\n@tooltip-color: @inverse;\n//** Tooltip background color\n@tooltip-bg: @brand-primary;\n@tooltip-opacity: 1;\n//** Tooltip zIndex\n@zindex-tooltip: 1070;\n\n//** Tooltip inverse text color\n@tooltip-inverse-color: @brand-primary;\n//** Tooltip inverse background color\n@tooltip-inverse-bg: mix(@brand-primary, white, 9%);\n\n//** Tooltip arrow width\n@tooltip-arrow-width: 9px;\n//** Tooltip arrow color\n@tooltip-arrow-color: @tooltip-bg;\n//** Tooltip inverse arrow color\n@tooltip-inverse-arrow-color: @tooltip-inverse-bg;\n\n\n\n\n//== Code\n//\n//##\n\n@code-color: #c7254e;\n@code-bg: #f9f2f4;\n\n@kbd-color: @inverse;\n@kbd-bg: @brand-primary;\n\n@pre-bg: @inverse;\n@pre-color: inherit;\n@pre-border-color: mix(@brand-primary, @inverse, 12%);\n@pre-scrollable-max-height: 340px;\n@pre-border-radius: @border-radius-large;\n\n\n//== Form states and alerts\n//\n//##\n\n//** Text muted color\n@text-muted: @gray-light;\n//** Abbreviations and acronyms border color\n@abbr-border-color: @gray-light;\n//** Headings small color\n@headings-small-color: mix(@brand-primary, @inverse, 12%);\n//** Blockquote small color\n@blockquote-small-color: inherit;\n//** Blockquote border color\n@blockquote-border-color: mix(@brand-primary, @inverse, 12%);\n//** Page header border color\n@page-header-border-color: mix(@brand-primary, @inverse, 12%);\n//** Width of horizontal description list titles\n@dl-horizontal-offset: @component-offset-horizontal;\n\n\n//== Miscellaneous\n//\n//##\n\n//** Hr border color\n@hr-border: mix(@brand-primary, @inverse, 63%);\n\n//** Horizontal forms & lists\n@component-offset-horizontal: 180px;\n"]}