github.com/kardianos/nomad@v0.1.3-0.20151022182107-b13df73ee850/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  }