diff options
| author | Star Rauchenberger <fefferburbia@gmail.com> | 2025-01-05 16:30:40 -0500 |
|---|---|---|
| committer | Star Rauchenberger <fefferburbia@gmail.com> | 2025-01-05 16:30:40 -0500 |
| commit | f177a1923061754e9d7a76bc070f858a0595b5f7 (patch) | |
| tree | bcd47ef3002d63bbd219c7fa8b0bee42e8108f24 /app/assets/stylesheets | |
| parent | f2602e79306f348eb6c8b2a3e9b852c0cd6ee0d8 (diff) | |
| download | thoughts-f177a1923061754e9d7a76bc070f858a0595b5f7.tar.gz thoughts-f177a1923061754e9d7a76bc070f858a0595b5f7.tar.bz2 thoughts-f177a1923061754e9d7a76bc070f858a0595b5f7.zip | |
Made quotes more mobile-friendly
Diffstat (limited to 'app/assets/stylesheets')
| -rw-r--r-- | app/assets/stylesheets/quotes/layout.css.sass | 26 |
1 files changed, 14 insertions, 12 deletions
| diff --git a/app/assets/stylesheets/quotes/layout.css.sass b/app/assets/stylesheets/quotes/layout.css.sass index 0f4a87f..f620304 100644 --- a/app/assets/stylesheets/quotes/layout.css.sass +++ b/app/assets/stylesheets/quotes/layout.css.sass | |||
| @@ -3,11 +3,13 @@ body | |||
| 3 | background-color: rgb(102,102,102) | 3 | background-color: rgb(102,102,102) |
| 4 | 4 | ||
| 5 | #wrap | 5 | #wrap |
| 6 | width: 80% | ||
| 7 | margin: 1em auto | ||
| 8 | background-color: white | 6 | background-color: white |
| 9 | border: 1px solid black | 7 | border: 1px solid black |
| 10 | 8 | ||
| 9 | @media only screen and (min-width: 768px) | ||
| 10 | width: 80% | ||
| 11 | margin: 1em auto | ||
| 12 | |||
| 11 | #banner | 13 | #banner |
| 12 | background-color: rgb(153,0,0) | 14 | background-color: rgb(153,0,0) |
| 13 | font-size: 1.25em | 15 | font-size: 1.25em |
| @@ -91,7 +93,6 @@ body | |||
| 91 | margin: 0.5em 0.75em | 93 | margin: 0.5em 0.75em |
| 92 | padding: 0 | 94 | padding: 0 |
| 93 | position: static | 95 | position: static |
| 94 | width: 100% | ||
| 95 | .quote-speaker | 96 | .quote-speaker |
| 96 | font-weight: bold | 97 | font-weight: bold |
| 97 | color: green | 98 | color: green |
| @@ -135,15 +136,16 @@ body | |||
| 135 | margin: 0.5em | 136 | margin: 0.5em |
| 136 | textarea | 137 | textarea |
| 137 | width: 100% | 138 | width: 100% |
| 138 | #about-left | 139 | @media only screen and (min-width: 768px) |
| 139 | float: left | 140 | #about-left |
| 140 | width: 48% | 141 | float: left |
| 141 | margin-right: 1em | 142 | width: 48% |
| 142 | #about-right | 143 | margin-right: 1em |
| 143 | float: right | 144 | #about-right |
| 144 | width: 48% | 145 | float: right |
| 145 | margin-left: 1em | 146 | width: 48% |
| 146 | margin-bottom: 1em | 147 | margin-left: 1em |
| 148 | margin-bottom: 1em | ||
| 147 | 149 | ||
| 148 | #error-messages | 150 | #error-messages |
| 149 | margin: .5em | 151 | margin: .5em |