github.com/nevins-b/terraform@v0.3.8-0.20170215184714-bbae22007d5a/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 p { 42 margin-bottom: 30px; 43 font-size: 16px; 44 font-family: $font-family-open-sans; 45 font-weight: regular; 46 line-height: 1.5; 47 } 48 49 p.lead{ 50 font-size: 21px; 51 font-weight: 400 !important; 52 } 53 54 //an alternative color for buttons in the doc body 55 .btn-serf{ 56 color: $white !important; 57 background-color: $btn-color; 58 border-radius: $btn-border-radius; 59 //@include box-shadow( $shadow ); 60 } 61 62 .highlight{ 63 margin-bottom: 18px; 64 } 65 66 pre { 67 background-color: $black; 68 color: $white; 69 font-size: 14px; 70 font-weight: normal; 71 font-family: "Courier New", Monaco, Menlo, Consolas, monospace; 72 border: none; 73 padding: 20px; 74 margin-bottom: 0; 75 } 76 77 // Typekit utilites to hide FOUC 78 .wf-loading { 79 visibility: hidden; 80 } 81 .wf-active, .wf-inactive { 82 visibility: visible; 83 } 84 85 86 //fixed grid below 992 to prevent smaller responsive sizes 87 @media (max-width: 992px) { 88 .container{ 89 max-width: 970px; 90 } 91 } 92 93 //all below styles are overriding corrections for below (min-width: 992px) 94 //below (min-width: 992px) these styles change 95 .navbar-nav { 96 margin: 0; 97 } 98 99 .navbar-right { 100 float: right !important; 101 } 102 103 .navbar-nav > li { 104 float: left; 105 } 106 107 .navbar-nav > li > a { 108 padding-top: 15px; 109 padding-bottom: 15px; 110 } 111 112 .center { 113 text-align: center; 114 }