Commit 9cc7a83a0e496a6724dddafb0bb040c92745dc8f
1 parent
250eedce
Exists in
master
and in
8 other branches
alterações no css do conteúdo
Showing
1 changed file
with
30 additions
and
23 deletions
Show diff stats
src/app/layout.scss
| ... | ... | @@ -9,6 +9,7 @@ |
| 9 | 9 | display: table-cell; |
| 10 | 10 | float: none; |
| 11 | 11 | height: 100%; |
| 12 | + background-color: #181e21; | |
| 12 | 13 | } |
| 13 | 14 | |
| 14 | 15 | .col-top { |
| ... | ... | @@ -124,12 +125,19 @@ |
| 124 | 125 | } |
| 125 | 126 | |
| 126 | 127 | .vertical-padding { |
| 127 | - padding-top: 15px; | |
| 128 | - padding-bottom: 15px; | |
| 128 | + padding-top: 15px; | |
| 129 | + padding-bottom: 15px; | |
| 129 | 130 | } |
| 130 | 131 | |
| 131 | -.no-space-left { margin-left: 0; padding-left: 0;} | |
| 132 | -.no-space-right { margin-right: 0; padding-right: 0;} | |
| 132 | +.no-space-left { | |
| 133 | + margin-left: 0; | |
| 134 | + padding-left: 0; | |
| 135 | +} | |
| 136 | + | |
| 137 | +.no-space-right { | |
| 138 | + margin-right: 0; | |
| 139 | + padding-right: 0; | |
| 140 | +} | |
| 133 | 141 | |
| 134 | 142 | .text-center-sm { |
| 135 | 143 | @media screen and (max-width: $screen-sm) { |
| ... | ... | @@ -141,9 +149,10 @@ |
| 141 | 149 | background-color: $defaultblue; |
| 142 | 150 | color: #fff; |
| 143 | 151 | font-weight: bold; |
| 144 | - | |
| 145 | 152 | &:hover, |
| 146 | - &:focus {color: #fff;} | |
| 153 | + &:focus { | |
| 154 | + color: #fff; | |
| 155 | + } | |
| 147 | 156 | } |
| 148 | 157 | |
| 149 | 158 | .has-error { |
| ... | ... | @@ -152,8 +161,8 @@ |
| 152 | 161 | } |
| 153 | 162 | |
| 154 | 163 | // Está com o nome do termos de uso. Deixas genérico ou apenas aqui? Ver como vão ficar esses modais |
| 155 | -.modal-termos-uso{ | |
| 156 | - &-header{ | |
| 164 | +.modal-termos-uso { | |
| 165 | + &-header { | |
| 157 | 166 | border-bottom: none; |
| 158 | 167 | padding: 0px; |
| 159 | 168 | min-height: 10px; |
| ... | ... | @@ -163,12 +172,10 @@ |
| 163 | 172 | top: -30px; |
| 164 | 173 | right: 0px; |
| 165 | 174 | } |
| 166 | - | |
| 167 | 175 | &-body { |
| 168 | 176 | padding: 25px 35px; |
| 169 | 177 | height: 500px; |
| 170 | - | |
| 171 | - &-inner{ | |
| 178 | + &-inner { | |
| 172 | 179 | background-color: lightgray; |
| 173 | 180 | overflow-y: auto; |
| 174 | 181 | padding: 15px; |
| ... | ... | @@ -204,8 +211,8 @@ ul.list-color { |
| 204 | 211 | } |
| 205 | 212 | |
| 206 | 213 | ul.list-color li:before { |
| 207 | - | |
| 208 | - @each $category, $color in $categories { | |
| 214 | + @each $category, | |
| 215 | + $color in $categories { | |
| 209 | 216 | .#{$category} & { |
| 210 | 217 | color: $color; |
| 211 | 218 | } |
| ... | ... | @@ -218,11 +225,12 @@ ul.list-color li:before { |
| 218 | 225 | font-size: 20px; |
| 219 | 226 | position: relative; |
| 220 | 227 | top: 2px; |
| 228 | + color: #2a9677; | |
| 221 | 229 | } |
| 222 | 230 | |
| 223 | -ul.list-color li { | |
| 231 | +ul li { | |
| 224 | 232 | padding-left: 2em; |
| 225 | - padding-bottom: 10px; | |
| 233 | + padding-bottom: 15px; | |
| 226 | 234 | text-indent: -0.7em; |
| 227 | 235 | } |
| 228 | 236 | |
| ... | ... | @@ -262,7 +270,9 @@ ul.list-color li { |
| 262 | 270 | .left-border-gray { |
| 263 | 271 | border-left: 4px solid #d1d6d9; |
| 264 | 272 | margin-bottom: 10px; |
| 265 | - ul.list-color li:last-child { padding-bottom: 0; } | |
| 273 | + ul.list-color li:last-child { | |
| 274 | + padding-bottom: 0; | |
| 275 | + } | |
| 266 | 276 | @media (max-width: 768px) { |
| 267 | 277 | border: none; |
| 268 | 278 | } |
| ... | ... | @@ -304,7 +314,6 @@ blockquote { |
| 304 | 314 | font-size: 140%; |
| 305 | 315 | padding: 50px 0 0 50px; |
| 306 | 316 | position: relative; |
| 307 | - | |
| 308 | 317 | &:before { |
| 309 | 318 | content: "⌜"; |
| 310 | 319 | font-size: 200px; |
| ... | ... | @@ -314,19 +323,18 @@ blockquote { |
| 314 | 323 | font-weight: bolder; |
| 315 | 324 | left: -17px; |
| 316 | 325 | top: -68px; |
| 317 | - @each $category, $color in $categories { | |
| 326 | + @each $category, | |
| 327 | + $color in $categories { | |
| 318 | 328 | .#{$category} & { |
| 319 | 329 | color: $color; |
| 320 | 330 | } |
| 321 | 331 | } |
| 322 | 332 | } |
| 323 | - | |
| 324 | 333 | } |
| 325 | 334 | |
| 326 | 335 | // .cultura blockquote::before { |
| 327 | 336 | // color: #cd999b; |
| 328 | 337 | // } |
| 329 | - | |
| 330 | 338 | // Sobreescreve a classe do bootstrap |
| 331 | 339 | .close { |
| 332 | 340 | color: white; |
| ... | ... | @@ -337,7 +345,6 @@ blockquote { |
| 337 | 345 | // .img-responsive { |
| 338 | 346 | // width: 100%; |
| 339 | 347 | // } |
| 340 | - | |
| 341 | 348 | //strong { |
| 342 | 349 | // @each $category, $color in $categories { |
| 343 | 350 | // .#{$category} & { |
| ... | ... | @@ -345,9 +352,9 @@ blockquote { |
| 345 | 352 | // } |
| 346 | 353 | // } |
| 347 | 354 | //} |
| 348 | - | |
| 349 | 355 | .top-border-theme { |
| 350 | - @each $category, $color in $categories { | |
| 356 | + @each $category, | |
| 357 | + $color in $categories { | |
| 351 | 358 | .#{$category} & { |
| 352 | 359 | border-color: $color; |
| 353 | 360 | } | ... | ... |