github.com/shyftnetwork/go-empyrean@v1.8.3-0.20191127201940-fbfca9338f04/shyft_documentation/source/stylesheets/_variables.scss (about)

     1  /*
     2  Copyright 2008-2013 Concur Technologies, Inc.
     3  
     4  Licensed under the Apache License, Version 2.0 (the "License"); you may
     5  not use this file except in compliance with the License. You may obtain
     6  a copy of the License at
     7  
     8    http://www.apache.org/licenses/LICENSE-2.0
     9  
    10  Unless required by applicable law or agreed to in writing, software
    11  distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
    12  WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
    13  License for the specific language governing permissions and limitations
    14  under the License.
    15  */
    16  
    17  
    18  ////////////////////////////////////////////////////////////////////////////////
    19  // CUSTOMIZE SLATE
    20  ////////////////////////////////////////////////////////////////////////////////
    21  // Use these settings to help adjust the appearance of Slate
    22  
    23  
    24  // BACKGROUND COLORS
    25  ////////////////////
    26  $nav-bg: #2E3336 !default;
    27  $examples-bg: #2E3336 !default;
    28  $code-bg: #1E2224 !default;
    29  $code-annotation-bg: #191D1F !default;
    30  $nav-subitem-bg: #1E2224 !default;
    31  $nav-active-bg: #0F75D4 !default;
    32  $nav-active-parent-bg: #1E2224 !default; // parent links of the current section
    33  $lang-select-border: #000 !default;
    34  $lang-select-bg: #1E2224 !default;
    35  $lang-select-active-bg: $examples-bg !default; // feel free to change this to blue or something
    36  $lang-select-pressed-bg: #111 !default; // color of language tab bg when mouse is pressed
    37  $main-bg: #F3F7F9 !default;
    38  $aside-notice-bg: #8fbcd4 !default;
    39  $aside-warning-bg: #c97a7e !default;
    40  $aside-success-bg: #6ac174 !default;
    41  $search-notice-bg: #c97a7e !default;
    42  
    43  
    44  // TEXT COLORS
    45  ////////////////////
    46  $main-text: #333 !default; // main content text color
    47  $nav-text: #fff !default;
    48  $nav-active-text: #fff !default;
    49  $nav-active-parent-text: #fff !default; // parent links of the current section
    50  $lang-select-text: #fff !default; // color of unselected language tab text
    51  $lang-select-text2: #3e1 !default; // color of unselected language tab text
    52  $lang-select-active-text: #fff !default; // color of selected language tab text
    53  $lang-select-pressed-text: #fff !default; // color of language tab text when mouse is pressed
    54  
    55  
    56  // SIZES
    57  ////////////////////
    58  $nav-width: 230px !default; // width of the navbar
    59  $examples-width: 50% !default; // portion of the screen taken up by code examples
    60  $logo-margin: 15px !default; // margin below logo
    61  $main-padding: 28px !default; // padding to left and right of content & examples
    62  $nav-padding: 15px !default; // padding to left and right of navbar
    63  $nav-v-padding: 10px !default; // padding used vertically around search boxes and results
    64  $nav-indent: 10px !default; // extra padding for ToC subitems
    65  $code-annotation-padding: 13px !default; // padding inside code annotations
    66  $h1-margin-bottom: 21px !default; // padding under the largest header tags
    67  $tablet-width: 930px !default; // min width before reverting to tablet size
    68  $phone-width: $tablet-width - $nav-width !default; // min width before reverting to mobile size
    69  
    70  
    71  // FONTS
    72  ////////////////////
    73  %default-font {
    74    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    75    font-size: 14px;
    76  }
    77  
    78  %header-font {
    79    @extend %default-font;
    80    font-weight: bold;
    81  }
    82  
    83  %code-font {
    84    font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace, serif;
    85    font-size: 12px;
    86    line-height: 1.5;
    87  }
    88  
    89  
    90  // OTHER
    91  ////////////////////
    92  $nav-footer-border-color: #666 !default;
    93  $search-box-border-color: #666 !default;
    94  
    95  
    96  ////////////////////////////////////////////////////////////////////////////////
    97  // INTERNAL
    98  ////////////////////////////////////////////////////////////////////////////////
    99  // These settings are probably best left alone.
   100  
   101  %break-words {
   102      word-break: break-all;
   103      hyphens: auto;
   104  }