github.com/dahs81/otto@v0.2.1-0.20160126165905-6400716cf085/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: $font-size-reg;;
    15    font-family: $font-family-roboto;
    16    font-weight: $font-weight-reg;
    17  }
    18  
    19  
    20  h1, h2, h3, h4, h5 {
    21    -webkit-font-smoothing: antialiased;
    22  }
    23  
    24  h1{
    25    font-size: $font-size-xl;
    26    line-height: $font-size-xl;
    27    font-weight: $font-weight-reg;
    28    //font-family: $font-family-open-sans;
    29    margin-bottom: 24px;
    30  }
    31  
    32  h2{
    33    font-size: $font-size-l;
    34    font-weight: $font-weight-reg;
    35  }
    36  
    37  h3{
    38    font-size: $font-size-m;
    39    font-weight: $font-weight-md;
    40    //font-family: $font-family-open-sans;
    41  }
    42  
    43  //an alternative color for buttons in the doc body
    44  .btn-serf{
    45    color: $white !important;
    46    background-color: $btn-color;
    47    border-radius: $btn-border-radius;
    48    //@include box-shadow( $shadow );
    49  }
    50  
    51  .highlight{
    52    margin-bottom: 18px;
    53  }
    54  
    55  pre {
    56    background-color: $black;
    57    color: $white;
    58    font-size: 14px;
    59    font-weight: normal;
    60    font-family: "Courier New", Monaco, Menlo, Consolas, monospace;
    61    border: none;
    62    padding: 20px;
    63    margin-bottom: 0;
    64  }
    65  
    66  .mono-block{
    67    background-color: $black;
    68    color: $white;
    69    font-size: 15px;
    70    font-weight: normal;
    71    font-family: $font-family-bitstream;
    72    border: none;
    73    padding: 8px 12px;
    74    margin-bottom: 0;
    75    border-radius: 3px;
    76  }
    77  
    78  .bg-black{
    79    background-color: $black;
    80    color: $white;
    81  }
    82  .bg-orange{
    83    background-color: $orange;
    84  }
    85  .bg-light-orange{
    86    background-color: $light-orange;
    87  }
    88  .bg-gray{
    89    background-color: $gray;
    90  }
    91  
    92  .section{
    93    @include clearfix();
    94    padding: 120px 0;
    95  
    96    &.section-50{
    97      padding:0;
    98  
    99      .r50{
   100        float: left;
   101        width: 50%;
   102        padding: 120px 0;
   103      }
   104    }
   105  }
   106  
   107  //all below styles are overriding corrections for below (min-width: 992px)
   108  //below (min-width: 992px) these styles change
   109  .navbar-nav {
   110    margin: 0;
   111  }
   112  
   113  .navbar-right {
   114    float: right !important;
   115  }
   116  
   117  .navbar-nav > li {
   118    float: left;
   119  }
   120  
   121  .navbar-nav > li > a {
   122    padding-top: 15px;
   123    padding-bottom: 15px;
   124  }
   125  
   126  .center {
   127    text-align: center;
   128  }
   129  
   130  //fixed grid below 992 to prevent smaller responsive sizes
   131  @media (max-width: 992px) {
   132    .container{
   133      max-width: 970px;
   134    }
   135  }
   136  
   137  @media (max-width: 1200px) {
   138  
   139  }
   140  
   141  @media (max-width: 992px) {
   142  
   143  }
   144  
   145  @media (max-width: 768px) {
   146  
   147    body {
   148      font-size: 14px;
   149    }
   150  
   151  
   152    h1{
   153      font-size: $font-size-m !important;
   154      line-height: $font-size-m;
   155      font-weight: $font-weight-reg;
   156      margin-bottom: 24px;
   157    }
   158  
   159    h2{
   160      font-size: $font-size-m !important;
   161      font-weight: $font-weight-reg;
   162    }
   163  }
   164  
   165  @media (max-width: 480px) {
   166  
   167  }
   168  
   169  @media (max-width: 320px) {
   170  
   171  }