Fossil SCM
Moved the bit applying extra line height to paragraph-type elements into the "@media screen" section. The justification for this only applies to wide browser windows. It's too much leading for smartphones.
Commit
db87ded1840cdc55b7fcb88150ac6e1776a2d1fcb6d1cb1ce78e09b8d79f9a4e
Parent
228626bc917400d…
1 file changed
+12
-9
+12
-9
| --- skins/default/css.txt | ||
| +++ skins/default/css.txt | ||
| @@ -225,19 +225,10 @@ | ||
| 225 | 225 | div.sidebar:not(.no-label):before { |
| 226 | 226 | content: "Sidebar: "; |
| 227 | 227 | font-weight: bold; |
| 228 | 228 | } |
| 229 | 229 | |
| 230 | -.doc > .content dd, .content dt, | |
| 231 | -.doc > .content div, | |
| 232 | -.doc > .content li, | |
| 233 | -.doc > .content p, | |
| 234 | -.doc > .content table | |
| 235 | -{ | |
| 236 | - line-height: 1.4em; | |
| 237 | -} | |
| 238 | - | |
| 239 | 230 | /* Mark inline code fragments in the near-universal manner pioneered by |
| 240 | 231 | * Stack Overflow, then picked up by approximately everyone, including |
| 241 | 232 | * us, now. |
| 242 | 233 | * |
| 243 | 234 | * This combinatoric selector explosion results from a need to apply |
| @@ -540,10 +531,22 @@ | ||
| 540 | 531 | padding: 8px 20px; |
| 541 | 532 | } |
| 542 | 533 | .mainmenu { |
| 543 | 534 | padding: 10px; |
| 544 | 535 | } |
| 536 | + | |
| 537 | + /* Wide screens mean long lines. Add extra leading to give the eye a | |
| 538 | + * "gutter" to follow from the end of one to the start of the next. */ | |
| 539 | + .content dd, | |
| 540 | + .content dt, | |
| 541 | + .content div, | |
| 542 | + .content li, | |
| 543 | + .content p, | |
| 544 | + .content table | |
| 545 | + { | |
| 546 | + line-height: 1.4em; | |
| 547 | + } | |
| 545 | 548 | |
| 546 | 549 | /* This horror show has the same cause that informed our handling of |
| 547 | 550 | * <code> and friends above; see "combinatorial selector explosion." |
| 548 | 551 | * Without this careful targeting, we'd not only overreach into areas |
| 549 | 552 | * of Fossil UI where our meddling is not wanted, we would mistakenly |
| 550 | 553 |
| --- skins/default/css.txt | |
| +++ skins/default/css.txt | |
| @@ -225,19 +225,10 @@ | |
| 225 | div.sidebar:not(.no-label):before { |
| 226 | content: "Sidebar: "; |
| 227 | font-weight: bold; |
| 228 | } |
| 229 | |
| 230 | .doc > .content dd, .content dt, |
| 231 | .doc > .content div, |
| 232 | .doc > .content li, |
| 233 | .doc > .content p, |
| 234 | .doc > .content table |
| 235 | { |
| 236 | line-height: 1.4em; |
| 237 | } |
| 238 | |
| 239 | /* Mark inline code fragments in the near-universal manner pioneered by |
| 240 | * Stack Overflow, then picked up by approximately everyone, including |
| 241 | * us, now. |
| 242 | * |
| 243 | * This combinatoric selector explosion results from a need to apply |
| @@ -540,10 +531,22 @@ | |
| 540 | padding: 8px 20px; |
| 541 | } |
| 542 | .mainmenu { |
| 543 | padding: 10px; |
| 544 | } |
| 545 | |
| 546 | /* This horror show has the same cause that informed our handling of |
| 547 | * <code> and friends above; see "combinatorial selector explosion." |
| 548 | * Without this careful targeting, we'd not only overreach into areas |
| 549 | * of Fossil UI where our meddling is not wanted, we would mistakenly |
| 550 |
| --- skins/default/css.txt | |
| +++ skins/default/css.txt | |
| @@ -225,19 +225,10 @@ | |
| 225 | div.sidebar:not(.no-label):before { |
| 226 | content: "Sidebar: "; |
| 227 | font-weight: bold; |
| 228 | } |
| 229 | |
| 230 | /* Mark inline code fragments in the near-universal manner pioneered by |
| 231 | * Stack Overflow, then picked up by approximately everyone, including |
| 232 | * us, now. |
| 233 | * |
| 234 | * This combinatoric selector explosion results from a need to apply |
| @@ -540,10 +531,22 @@ | |
| 531 | padding: 8px 20px; |
| 532 | } |
| 533 | .mainmenu { |
| 534 | padding: 10px; |
| 535 | } |
| 536 | |
| 537 | /* Wide screens mean long lines. Add extra leading to give the eye a |
| 538 | * "gutter" to follow from the end of one to the start of the next. */ |
| 539 | .content dd, |
| 540 | .content dt, |
| 541 | .content div, |
| 542 | .content li, |
| 543 | .content p, |
| 544 | .content table |
| 545 | { |
| 546 | line-height: 1.4em; |
| 547 | } |
| 548 | |
| 549 | /* This horror show has the same cause that informed our handling of |
| 550 | * <code> and friends above; see "combinatorial selector explosion." |
| 551 | * Without this careful targeting, we'd not only overreach into areas |
| 552 | * of Fossil UI where our meddling is not wanted, we would mistakenly |
| 553 |