Commit 9cc7a83a0e496a6724dddafb0bb040c92745dc8f

Authored by Rafael Diego
1 parent 250eedce

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 }
... ...