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 }