Commit 179e5df12171bf32db0d09aa4261e5a0cbda0dc8
get working site again after styling snafu
Zach! committed on 3/17/2019, 2:31:07 AMParent: 49521fbef4e45fbb62b5294d1ef735886ec8867b
Files changed
| aesthetic/stylesheets/main.css | changed |
| aesthetic/stylesheets/main.css | ||
|---|---|---|
| @@ -27,9 +27,9 @@ | ||
| 27 | 27 | font-size: var(--standard-size); |
| 28 | 28 | } |
| 29 | 29 | |
| 30 | 30 | p { |
| 31 | - line-height: 1.4em; | |
| 31 | + line-height: 1.3em; | |
| 32 | 32 | } |
| 33 | 33 | |
| 34 | 34 | li { |
| 35 | 35 | line-height: 1.2em; |
| @@ -158,15 +158,11 @@ | ||
| 158 | 158 | #contact details aside { |
| 159 | 159 | font-weight: 200; |
| 160 | 160 | font-style: italic; |
| 161 | 161 | font-size: 1.1em; |
| 162 | - padding: 0.5em 1em 1em 1em; | |
| 162 | + padding: auto 1em 1em 1em; | |
| 163 | 163 | } |
| 164 | 164 | |
| 165 | - | |
| 166 | - | |
| 167 | - | |
| 168 | - | |
| 169 | 165 | /* *G* */ |
| 170 | 166 | #greetings { |
| 171 | 167 | display: grid; |
| 172 | 168 | grid-template-areas: |
| @@ -410,10 +406,10 @@ | ||
| 410 | 406 | |
| 411 | 407 | @media (min-width: 800px) { |
| 412 | 408 | #directory li:last-of-type { |
| 413 | 409 | grid-column-start: 2; |
| 414 | -4 | |
| 415 | 410 | } |
| 411 | +} | |
| 416 | 412 | |
| 417 | 413 | .directory-item .description { |
| 418 | 414 | color: var(--primary_color); |
| 419 | 415 | margin-bottom: 1.5em; |
| @@ -421,16 +417,17 @@ | ||
| 421 | 417 | |
| 422 | 418 | /* .tall is a hack (or maybe proper usage?!) to get all the boxes to line up nice. |
| 423 | 419 | What this means is that if I have a new section whose lines are real long, |
| 424 | 420 | then I need to add this class to it. I feel this is fine, though, since I |
| 425 | -font-weight: 300; | |
| 421 | + am not adding new items all that much, and so I don't need this to be all | |
| 426 | 422 | calculated and dynamic, and I can keep the site JS-free. |
| 427 | 423 | */ |
| 428 | 424 | |
| 429 | 425 | #directory .tall { |
| 430 | 426 | grid-row-end: span 2; |
| 431 | 427 | } |
| 432 | -4 | |
| 428 | + | |
| 429 | + | |
| 433 | 430 | .dotted-pattern { |
| 434 | 431 | position: absolute; |
| 435 | 432 | height: 102%; |
| 436 | 433 | width: 100%; |
| @@ -443,10 +440,10 @@ | ||
| 443 | 440 | background-position: 11px 11px, 14px 14px; |
| 444 | 441 | z-index: -1 |
| 445 | 442 | } |
| 446 | 443 | |
| 447 | -#question4page { | |
| 448 | - background: var(--primary_4g); | |
| 444 | +#question-page { | |
| 445 | + background: var(--primary_bg); | |
| 449 | 446 | color: var(--primary_color); |
| 450 | 447 | padding: 3em; |
| 451 | 448 | } |
| 452 | 449 | |
| @@ -455,9 +452,9 @@ | ||
| 455 | 452 | color: var(--primary_color); |
| 456 | 453 | padding: 3em; |
| 457 | 454 | height: 100vh; |
| 458 | 455 | } |
| 459 | -font-weight: 300; | |
| 456 | + | |
| 460 | 457 | @media (max-width: 667px) { |
| 461 | 458 | #question-page { |
| 462 | 459 | padding: 0; |
| 463 | 460 | } |
Built with git-ssb-web