github.com/dkerwin/nomad@v0.3.3-0.20160525181927-74554135514b/website/source/assets/stylesheets/_global.scss (about)

     1  //
     2  // Global Site
     3  // --------------------------------------------------
     4  
     5  /*html{
     6  text-rendering: optimizeLegibility;
     7  -webkit-font-smoothing: antialiased;
     8  }*/
     9  
    10  body {
    11    -webkit-font-smoothing: antialiased;
    12    color: $black;
    13    background-color: $white;
    14    font-size: 15px;
    15    font-family: $font-family-open-sans;
    16    font-weight: 500;
    17  }
    18  
    19  
    20  h1, h2, h3, h4, h5 {
    21    -webkit-font-smoothing: antialiased;
    22  }
    23  h1{
    24    font-size: 42px;
    25    line-height: 42px;
    26    font-family: $font-family-open-sans;
    27    font-weight: $font-weight-reg;
    28    margin-bottom: 24px;
    29  }
    30  
    31  h3, h4{
    32    font-size: 24px;
    33    line-height: 24px;
    34    font-family: $font-family-open-sans;
    35    font-weight: $font-weight-reg;
    36  }
    37  
    38  //an alternative color for buttons in the doc body
    39  .btn-serf{
    40    color: $white !important;
    41    background-color: $btn-color;
    42    border-radius: $btn-border-radius;
    43    //@include box-shadow( $shadow );
    44  }
    45  
    46  .highlight{
    47    margin-bottom: 18px;
    48  }
    49  
    50  pre {
    51    background-color: $black;
    52    color: $white;
    53    font-size: 14px;
    54    font-weight: normal;
    55    font-family: "Courier New", Monaco, Menlo, Consolas, monospace;
    56    border: none;
    57    padding: 20px;
    58    margin-bottom: 0;
    59  }
    60  
    61  //all below styles are overriding corrections for below (min-width: 992px)
    62  //below (min-width: 992px) these styles change
    63  .navbar-nav {
    64    margin: 0;
    65  }
    66  
    67  .navbar-right {
    68    float: right !important;
    69  }
    70  
    71  .navbar-nav > li {
    72    float: left;
    73  }
    74  
    75  .navbar-nav > li > a {
    76    padding-top: 15px;
    77    padding-bottom: 15px;
    78  }
    79  
    80  .center {
    81    text-align: center;
    82  }
    83  
    84  //fixed grid below 992 to prevent smaller responsive sizes
    85  @media (max-width: 992px) {
    86    .container{
    87      max-width: 970px;
    88    }
    89  }
    90  
    91  @media (max-width: 768px) {
    92    body {
    93      font-size: 14px;
    94    }
    95  
    96    h1{
    97      font-size: $font-size-m !important;
    98      line-height: $font-size-m;
    99      font-weight: $font-weight-reg;
   100      margin-bottom: 24px;
   101    }
   102  
   103    h2{
   104      font-size: $font-size-m !important;
   105      font-weight: $font-weight-reg;
   106    }
   107  
   108    h3{
   109      font-size: $font-size-m !important;
   110      font-weight: $font-weight-reg;
   111    }
   112  
   113    h4{
   114      font-size: $font-size-reg !important;
   115      font-weight: $font-weight-reg;
   116    }
   117  }