forked from vieter-v/vieter
104 lines
3.7 KiB
SCSS
104 lines
3.7 KiB
SCSS
/*
|
|
Copyright 2008-2013 Concur Technologies, Inc.
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License"); you may
|
|
not use this file except in compliance with the License. You may obtain
|
|
a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
|
WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
|
License for the specific language governing permissions and limitations
|
|
under the License.
|
|
*/
|
|
|
|
|
|
////////////////////////////////////////////////////////////////////////////////
|
|
// CUSTOMIZE SLATE
|
|
////////////////////////////////////////////////////////////////////////////////
|
|
// Use these settings to help adjust the appearance of Slate
|
|
|
|
|
|
// BACKGROUND COLORS
|
|
////////////////////
|
|
$nav-bg: #2E3336 !default;
|
|
$examples-bg: #2E3336 !default;
|
|
$code-bg: #1E2224 !default;
|
|
$code-annotation-bg: #191D1F !default;
|
|
$nav-subitem-bg: #1E2224 !default;
|
|
$nav-active-bg: #0F75D4 !default;
|
|
$nav-active-parent-bg: #1E2224 !default; // parent links of the current section
|
|
$lang-select-border: #000 !default;
|
|
$lang-select-bg: #1E2224 !default;
|
|
$lang-select-active-bg: $examples-bg !default; // feel free to change this to blue or something
|
|
$lang-select-pressed-bg: #111 !default; // color of language tab bg when mouse is pressed
|
|
$main-bg: #F3F7F9 !default;
|
|
$aside-notice-bg: #8fbcd4 !default;
|
|
$aside-warning-bg: #c97a7e !default;
|
|
$aside-success-bg: #6ac174 !default;
|
|
$search-notice-bg: #c97a7e !default;
|
|
|
|
|
|
// TEXT COLORS
|
|
////////////////////
|
|
$main-text: #333 !default; // main content text color
|
|
$nav-text: #fff !default;
|
|
$nav-active-text: #fff !default;
|
|
$nav-active-parent-text: #fff !default; // parent links of the current section
|
|
$lang-select-text: #fff !default; // color of unselected language tab text
|
|
$lang-select-active-text: #fff !default; // color of selected language tab text
|
|
$lang-select-pressed-text: #fff !default; // color of language tab text when mouse is pressed
|
|
|
|
|
|
// SIZES
|
|
////////////////////
|
|
$nav-width: 230px !default; // width of the navbar
|
|
$examples-width: 50% !default; // portion of the screen taken up by code examples
|
|
$logo-margin: 0px !default; // margin below logo
|
|
$main-padding: 28px !default; // padding to left and right of content & examples
|
|
$nav-padding: 15px !default; // padding to left and right of navbar
|
|
$nav-v-padding: 10px !default; // padding used vertically around search boxes and results
|
|
$nav-indent: 10px !default; // extra padding for ToC subitems
|
|
$code-annotation-padding: 13px !default; // padding inside code annotations
|
|
$h1-margin-bottom: 21px !default; // padding under the largest header tags
|
|
$tablet-width: 930px !default; // min width before reverting to tablet size
|
|
$phone-width: $tablet-width - $nav-width !default; // min width before reverting to mobile size
|
|
|
|
|
|
// FONTS
|
|
////////////////////
|
|
%default-font {
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
|
font-size: 14px;
|
|
}
|
|
|
|
%header-font {
|
|
@extend %default-font;
|
|
font-weight: bold;
|
|
}
|
|
|
|
%code-font {
|
|
font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace, serif;
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
|
|
// OTHER
|
|
////////////////////
|
|
$nav-footer-border-color: #666 !default;
|
|
$search-box-border-color: #666 !default;
|
|
|
|
|
|
////////////////////////////////////////////////////////////////////////////////
|
|
// INTERNAL
|
|
////////////////////////////////////////////////////////////////////////////////
|
|
// These settings are probably best left alone.
|
|
|
|
%break-words {
|
|
word-break: break-all;
|
|
hyphens: auto;
|
|
}
|