github.com/peterbale/terraform@v0.9.0-beta2.0.20170315142748-5723acd55547/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: subpixel-antialiased;
    12      color: $black;
    13      font-size: 15px;
    14      font-family: $font-family-open-sans;
    15      font-weight: 500;
    16  }
    17  
    18  h1, h2, h3, h4, h5 {
    19      -webkit-font-smoothing: antialiased;
    20      font-family: $font-family-klavika;
    21      font-weight: 600;
    22  }
    23  h1{
    24  	font-size: 42px;
    25  	line-height: 40px;
    26  	margin-bottom: 24px;
    27    text-transform: uppercase;
    28  }
    29  
    30  h2{
    31    font-size: 34px;
    32    text-transform: uppercase;
    33  }
    34  
    35  h3{
    36  	font-size: 20px;
    37  	line-height: 20px;
    38    text-transform: uppercase;
    39  }
    40  
    41  h4 {
    42    font-size: 18px;
    43  }
    44  
    45  p {
    46    margin-bottom: 30px;
    47    font-size: 16px;
    48    font-weight: regular;
    49    line-height: 1.5;
    50  }
    51  
    52  p.lead{
    53    font-size: 21px;
    54    font-weight: 400 !important;
    55  }
    56  
    57  //an alternative color for buttons in the doc body
    58  .btn-serf{
    59  	color: $white !important;
    60  	background-color: $btn-color;
    61  	border-radius: $btn-border-radius;
    62  	//@include box-shadow( $shadow );
    63  }
    64  
    65  .highlight{
    66  	margin-bottom: 18px;
    67  }
    68  
    69  pre {
    70  	background-color: $black;
    71  	color: $white;
    72  	font-size: 14px;
    73  	font-weight: normal;
    74  	font-family: "Courier New", Monaco, Menlo, Consolas, monospace;
    75  	border: none;
    76  	padding: 20px;
    77  	margin-bottom: 0;
    78  }
    79  
    80  // Typekit utilites to hide FOUC
    81  .wf-loading {
    82    visibility: hidden;
    83  }
    84  .wf-active, .wf-inactive {
    85    visibility: visible;
    86  }
    87  
    88  
    89  //fixed grid below 992 to prevent smaller responsive sizes
    90  @media (max-width: 992px) {
    91  	.container{
    92  		max-width: 970px;
    93  	}
    94  }
    95  
    96  //all below styles are overriding corrections for below (min-width: 992px)
    97  //below (min-width: 992px) these styles change
    98  .navbar-nav {
    99  	margin: 0;
   100  }
   101  
   102  .navbar-right {
   103  	float: right !important;
   104  }
   105  
   106  .navbar-nav > li {
   107  	float: left;
   108  }
   109  
   110  .navbar-nav > li > a {
   111  	padding-top: 15px;
   112  	padding-bottom: 15px;
   113  }
   114  
   115  .center {
   116      text-align: center;
   117  }