Commit 2be0b4a5e6afd6f336bba2b3e12183d26e74c636
1 parent
6b2e849a
Exists in
master
and in
8 other branches
Fix styles
Showing
2 changed files
with
49 additions
and
42 deletions
Show diff stats
src/app/layout.scss
... | ... | @@ -283,67 +283,44 @@ a.link-black { |
283 | 283 | color: black; |
284 | 284 | } |
285 | 285 | |
286 | -article.program-content { | |
287 | - margin-top: 40px; | |
288 | -} | |
289 | - | |
290 | -article.program-content div.ng-binding div.container div.row { | |
291 | - margin-bottom: 40px; | |
292 | -} | |
293 | - | |
294 | -article.program-content h3 { | |
295 | - margin-bottom: 15px; | |
296 | -} | |
297 | - | |
298 | 286 | .inline-block { |
299 | 287 | display: inline-block; |
300 | 288 | } |
301 | 289 | |
290 | +// Sobreescreve a classe do bootstrap | |
291 | +.close { | |
292 | + color: white; | |
293 | + opacity: 1; | |
294 | + font-weight: normal; | |
295 | +} | |
296 | + | |
302 | 297 | blockquote { |
303 | - border-left: medium none; | |
304 | - font-size: 140%; | |
298 | + border-left: none; | |
299 | + font-size: 24px; | |
300 | + line-height: 28px; | |
305 | 301 | padding: 50px 0 0 50px; |
306 | 302 | position: relative; |
307 | 303 | |
304 | + @each $category, $color in $categories { | |
305 | + .#{$category} & { | |
306 | + color: $color; | |
307 | + } | |
308 | + } | |
309 | + | |
308 | 310 | &:before { |
309 | 311 | content: "⌜"; |
310 | 312 | font-size: 200px; |
311 | - left: -2px; | |
313 | + line-height: 200px; | |
312 | 314 | position: absolute; |
313 | - top: -50px; | |
315 | + top: -10px; | |
316 | + left: -10px; | |
314 | 317 | font-weight: bolder; |
315 | - left: -17px; | |
316 | - top: -68px; | |
317 | 318 | @each $category, $color in $categories { |
318 | 319 | .#{$category} & { |
319 | 320 | color: $color; |
320 | 321 | } |
321 | 322 | } |
322 | 323 | } |
323 | - | |
324 | -} | |
325 | - | |
326 | -// .cultura blockquote::before { | |
327 | -// color: #cd999b; | |
328 | -// } | |
329 | - | |
330 | -// Sobreescreve a classe do bootstrap | |
331 | -.close { | |
332 | - color: white; | |
333 | - opacity: 1; | |
334 | - font-weight: normal; | |
335 | -} | |
336 | - | |
337 | -// .img-responsive { | |
338 | -// width: 100%; | |
339 | -// } | |
340 | - | |
341 | -strong { | |
342 | - @each $category, $color in $categories { | |
343 | - .#{$category} & { | |
344 | - color: $color; | |
345 | - } | |
346 | - } | |
347 | 324 | } |
348 | 325 | |
349 | 326 | .top-border-theme { | ... | ... |
src/app/pages/programas/programas.scss
... | ... | @@ -117,9 +117,39 @@ |
117 | 117 | line-height: 36px; |
118 | 118 | font-weight: bold; |
119 | 119 | } |
120 | + } | |
121 | + | |
122 | + .program-content { | |
123 | + | |
124 | + margin-top: 40px; | |
120 | 125 | |
121 | 126 | h3 { |
127 | + font-size: 22px; | |
128 | + line-height: 26px; | |
129 | + font-weight: bold; | |
130 | + | |
122 | 131 | margin-top: 0; |
132 | + margin-bottom: 15px; | |
133 | + } | |
134 | + | |
135 | + h4 { | |
136 | + font-size: 18px; | |
137 | + line-height: 24px; | |
138 | + font-weight: bold; | |
139 | + } | |
140 | + | |
141 | + h5 { | |
142 | + font-size: 16px; | |
143 | + line-height: 22px; | |
144 | + } | |
145 | + | |
146 | + p { | |
147 | + font-size: 14px; | |
148 | + line-height: 18px; | |
149 | + } | |
150 | + | |
151 | + .container > .row { | |
152 | + margin-bottom: 40px; | |
123 | 153 | } |
124 | 154 | } |
125 | 155 | ... | ... |