github.com/aspring/packer@v0.8.1-0.20150629211158-9db281ac0f89/website/source/assets/stylesheets/_styles.scss (about) 1 * { 2 margin: 0; 3 } 4 5 html, 6 body { 7 margin: 0; 8 height: 100%; 9 } 10 11 html { 12 -webkit-tap-highlight-color: transparent; 13 -webkit-font-smoothing: antialiased; 14 } 15 16 body { 17 background-color: $background; 18 font-family: $sans; 19 letter-spacing: 1px; 20 font-size: $base-font-size; 21 line-height: $base-line-height; 22 } 23 24 h1, h2, h3, h4, h5, h6 { 25 letter-spacing: 2px; 26 font-weight: normal; 27 } 28 29 h1 { 30 font-family: $sans; 31 font-size: 70px; 32 line-height: (80/70); 33 @include respond-to(mobile) { 34 font-size: 50px; 35 line-height: (50/45); 36 } 37 } 38 39 h2 { 40 font-family: $sans; 41 font-size: 40px; 42 line-height: (50/40); 43 44 &.has-dividers { 45 //overflow: auto !important; 46 display: table-cell; 47 text-align: center; 48 vertical-align: middle; 49 @include respond-to(mobile) { 50 display: block; 51 } 52 } 53 } 54 55 h3 { 56 font-family: $sans; 57 font-size: 20px; 58 line-height: (30/20); 59 } 60 61 h4 { 62 font-family: $mono; 63 font-size: 20px; 64 line-height: (30/20); 65 } 66 67 h5 { 68 font-family: $sans; 69 font-size: 16px; 70 line-height: (22/16); 71 } 72 73 h6 { 74 font-family: $mono; 75 font-size: 16px; 76 line-height: (22/16); 77 } 78 79 p { 80 font-family: $serif; 81 font-size: 17px; 82 line-height: (30/17); 83 letter-spacing: 1px; 84 85 &.large-text { 86 font-size: 20px; 87 line-height: (35/20); 88 } 89 90 a { 91 color: $green; 92 93 &:hover { 94 color: darken($green, 30%); 95 } 96 97 &:active { 98 color: darken($green, 50%); 99 } 100 } 101 102 img { 103 width: 100%; 104 } 105 } 106 107 a { 108 color: inherit; 109 text-decoration: none; 110 111 &:hover { 112 color: inherit; 113 text-decoration: none; 114 } 115 } 116 117 dt { 118 font-size: 18px; 119 } 120 121 dd { 122 font-family: $serif; 123 font-size: 17px; 124 line-height: 1.5; 125 letter-spacing: 1px; 126 margin-bottom: 30px; 127 } 128 129 ul, ol { 130 margin: 0; 131 padding: 0; 132 list-style-type: none; 133 } 134 135 em { 136 font-style: italic; 137 } 138 139 strong { 140 font-weight: bold; 141 } 142 143 small, .small { 144 font-size: 13px; 145 } 146 147 hr { 148 margin: ($baseline * 2) 0; 149 border-color: $gray-mid; 150 border-bottom: 0; 151 } 152 153 pre { 154 background-color: $black; 155 color: $white; 156 margin: $baseline 0; 157 } 158 159 table { 160 font-family: $mono; 161 margin: ($baseline * 2) 0; 162 color: $gray-dark; 163 164 th { 165 color: $black; 166 font-weight: normal !important; 167 } 168 } 169 170 ::selection { 171 background: #ffff00; /* Safari */ 172 color: $black; 173 } 174 ::-moz-selection { 175 background: #ffff00; /* Firefox */ 176 color: $black; 177 }