github.com/kayoticsully/syncthing@v0.8.9-0.20140724133906-c45a2fdc03f8/assets/bootstrap-3.1.1/less/type.less (about) 1 // 2 // Typography 3 // -------------------------------------------------- 4 5 6 // Headings 7 // ------------------------- 8 9 h1, h2, h3, h4, h5, h6, 10 .h1, .h2, .h3, .h4, .h5, .h6 { 11 font-family: @headings-font-family; 12 font-weight: @headings-font-weight; 13 line-height: @headings-line-height; 14 color: @headings-color; 15 16 small, 17 .small { 18 font-weight: normal; 19 line-height: 1; 20 color: @headings-small-color; 21 } 22 } 23 24 h1, .h1, 25 h2, .h2, 26 h3, .h3 { 27 margin-top: @line-height-computed; 28 margin-bottom: (@line-height-computed / 2); 29 30 small, 31 .small { 32 font-size: 65%; 33 } 34 } 35 h4, .h4, 36 h5, .h5, 37 h6, .h6 { 38 margin-top: (@line-height-computed / 2); 39 margin-bottom: (@line-height-computed / 2); 40 41 small, 42 .small { 43 font-size: 75%; 44 } 45 } 46 47 h1, .h1 { font-size: @font-size-h1; } 48 h2, .h2 { font-size: @font-size-h2; } 49 h3, .h3 { font-size: @font-size-h3; } 50 h4, .h4 { font-size: @font-size-h4; } 51 h5, .h5 { font-size: @font-size-h5; } 52 h6, .h6 { font-size: @font-size-h6; } 53 54 55 // Body text 56 // ------------------------- 57 58 p { 59 margin: 0 0 (@line-height-computed / 2); 60 } 61 62 .lead { 63 margin-bottom: @line-height-computed; 64 font-size: floor((@font-size-base * 1.15)); 65 font-weight: 200; 66 line-height: 1.4; 67 68 @media (min-width: @screen-sm-min) { 69 font-size: (@font-size-base * 1.5); 70 } 71 } 72 73 74 // Emphasis & misc 75 // ------------------------- 76 77 // Ex: 14px base font * 85% = about 12px 78 small, 79 .small { font-size: 85%; } 80 81 // Undo browser default styling 82 cite { font-style: normal; } 83 84 // Alignment 85 .text-left { text-align: left; } 86 .text-right { text-align: right; } 87 .text-center { text-align: center; } 88 .text-justify { text-align: justify; } 89 90 // Contextual colors 91 .text-muted { 92 color: @text-muted; 93 } 94 .text-primary { 95 .text-emphasis-variant(@brand-primary); 96 } 97 .text-success { 98 .text-emphasis-variant(@state-success-text); 99 } 100 .text-info { 101 .text-emphasis-variant(@state-info-text); 102 } 103 .text-warning { 104 .text-emphasis-variant(@state-warning-text); 105 } 106 .text-danger { 107 .text-emphasis-variant(@state-danger-text); 108 } 109 110 // Contextual backgrounds 111 // For now we'll leave these alongside the text classes until v4 when we can 112 // safely shift things around (per SemVer rules). 113 .bg-primary { 114 // Given the contrast here, this is the only class to have its color inverted 115 // automatically. 116 color: #fff; 117 .bg-variant(@brand-primary); 118 } 119 .bg-success { 120 .bg-variant(@state-success-bg); 121 } 122 .bg-info { 123 .bg-variant(@state-info-bg); 124 } 125 .bg-warning { 126 .bg-variant(@state-warning-bg); 127 } 128 .bg-danger { 129 .bg-variant(@state-danger-bg); 130 } 131 132 133 // Page header 134 // ------------------------- 135 136 .page-header { 137 padding-bottom: ((@line-height-computed / 2) - 1); 138 margin: (@line-height-computed * 2) 0 @line-height-computed; 139 border-bottom: 1px solid @page-header-border-color; 140 } 141 142 143 // Lists 144 // -------------------------------------------------- 145 146 // Unordered and Ordered lists 147 ul, 148 ol { 149 margin-top: 0; 150 margin-bottom: (@line-height-computed / 2); 151 ul, 152 ol { 153 margin-bottom: 0; 154 } 155 } 156 157 // List options 158 159 // Unstyled keeps list items block level, just removes default browser padding and list-style 160 .list-unstyled { 161 padding-left: 0; 162 list-style: none; 163 } 164 165 // Inline turns list items into inline-block 166 .list-inline { 167 .list-unstyled(); 168 margin-left: -5px; 169 170 > li { 171 display: inline-block; 172 padding-left: 5px; 173 padding-right: 5px; 174 } 175 } 176 177 // Description Lists 178 dl { 179 margin-top: 0; // Remove browser default 180 margin-bottom: @line-height-computed; 181 } 182 dt, 183 dd { 184 line-height: @line-height-base; 185 } 186 dt { 187 font-weight: bold; 188 } 189 dd { 190 margin-left: 0; // Undo browser default 191 } 192 193 // Horizontal description lists 194 // 195 // Defaults to being stacked without any of the below styles applied, until the 196 // grid breakpoint is reached (default of ~768px). 197 198 @media (min-width: @grid-float-breakpoint) { 199 .dl-horizontal { 200 dt { 201 float: left; 202 width: (@component-offset-horizontal - 20); 203 clear: left; 204 text-align: right; 205 .text-overflow(); 206 } 207 dd { 208 margin-left: @component-offset-horizontal; 209 &:extend(.clearfix all); // Clear the floated `dt` if an empty `dd` is present 210 } 211 } 212 } 213 214 // MISC 215 // ---- 216 217 // Abbreviations and acronyms 218 abbr[title], 219 // Add data-* attribute to help out our tooltip plugin, per https://github.com/twbs/bootstrap/issues/5257 220 abbr[data-original-title] { 221 cursor: help; 222 border-bottom: 1px dotted @abbr-border-color; 223 } 224 .initialism { 225 font-size: 90%; 226 text-transform: uppercase; 227 } 228 229 // Blockquotes 230 blockquote { 231 padding: (@line-height-computed / 2) @line-height-computed; 232 margin: 0 0 @line-height-computed; 233 font-size: @blockquote-font-size; 234 border-left: 5px solid @blockquote-border-color; 235 236 p, 237 ul, 238 ol { 239 &:last-child { 240 margin-bottom: 0; 241 } 242 } 243 244 // Note: Deprecated small and .small as of v3.1.0 245 // Context: https://github.com/twbs/bootstrap/issues/11660 246 footer, 247 small, 248 .small { 249 display: block; 250 font-size: 80%; // back to default font-size 251 line-height: @line-height-base; 252 color: @blockquote-small-color; 253 254 &:before { 255 content: '\2014 \00A0'; // em dash, nbsp 256 } 257 } 258 } 259 260 // Opposite alignment of blockquote 261 // 262 // Heads up: `blockquote.pull-right` has been deprecated as of v3.1.0. 263 .blockquote-reverse, 264 blockquote.pull-right { 265 padding-right: 15px; 266 padding-left: 0; 267 border-right: 5px solid @blockquote-border-color; 268 border-left: 0; 269 text-align: right; 270 271 // Account for citation 272 footer, 273 small, 274 .small { 275 &:before { content: ''; } 276 &:after { 277 content: '\00A0 \2014'; // nbsp, em dash 278 } 279 } 280 } 281 282 // Quotes 283 blockquote:before, 284 blockquote:after { 285 content: ""; 286 } 287 288 // Addresses 289 address { 290 margin-bottom: @line-height-computed; 291 font-style: normal; 292 line-height: @line-height-base; 293 }