Commit bd15b2239a7edd55c695b6187172e3221fa2d509
1 parent
bd792fdb
Exists in
refactory-sass
Select do topo.
Showing
6 changed files
with
151 additions
and
3 deletions
Show diff stats
novo.css
@@ -143,7 +143,10 @@ nav ul { | @@ -143,7 +143,10 @@ nav ul { | ||
143 | font-size: 14px; | 143 | font-size: 14px; |
144 | padding: 20px; } | 144 | padding: 20px; } |
145 | .item p { | 145 | .item p { |
146 | - min-height: 60px; } | 146 | + overflow: hidden; |
147 | + min-height: 4em; } | ||
148 | + .item:hover { | ||
149 | + background-color: #eeeff1; } | ||
147 | 150 | ||
148 | .category { | 151 | .category { |
149 | border-top: 1px dotted #172938; | 152 | border-top: 1px dotted #172938; |
@@ -159,6 +162,40 @@ nav ul { | @@ -159,6 +162,40 @@ nav ul { | ||
159 | font-weight: 700; | 162 | font-weight: 700; |
160 | padding: 5px 12px 5px 32px; } | 163 | padding: 5px 12px 5px 32px; } |
161 | 164 | ||
165 | +#proposal-group { | ||
166 | + border-bottom: 1px solid #03316f; | ||
167 | + border-left: 1px solid #03316f; | ||
168 | + border-right: 1px solid #03316f; | ||
169 | + padding: 20px 20px 0; } | ||
170 | + #proposal-group ul { | ||
171 | + margin-bottom: 0; | ||
172 | + margin-top: 20px; | ||
173 | + padding-left: 0; } | ||
174 | + | ||
175 | +#search-input-container { | ||
176 | + margin-top: 10px; } | ||
177 | + | ||
178 | +.proposal-detail .proposal-category { | ||
179 | + background-color: #000; | ||
180 | + border-top: 0; | ||
181 | + display: block; | ||
182 | + margin-right: 0; | ||
183 | + padding-top: 0; | ||
184 | + text-align: left; } | ||
185 | +.proposal-detail .proposal-link { | ||
186 | + border-radius: 0; | ||
187 | + font-size: 18px; | ||
188 | + padding: 15px 35px; | ||
189 | + text-transform: uppercase; | ||
190 | + vertical-align: middle; | ||
191 | + width: auto; } | ||
192 | +.proposal-selection { | ||
193 | + height: 57px; | ||
194 | + width: 60%; } | ||
195 | + | ||
196 | +.select { | ||
197 | + padding-left: 0; } | ||
198 | + | ||
162 | #proposal-category-saude .proposal-link { | 199 | #proposal-category-saude .proposal-link { |
163 | background-color: #00a9bd; | 200 | background-color: #00a9bd; |
164 | background-image: url(./images/icons/saude.png?3); | 201 | background-image: url(./images/icons/saude.png?3); |
@@ -177,6 +214,15 @@ li.category-saude { | @@ -177,6 +214,15 @@ li.category-saude { | ||
177 | background-repeat: no-repeat; | 214 | background-repeat: no-repeat; |
178 | background-size: 22px; } | 215 | background-size: 22px; } |
179 | 216 | ||
217 | +.saude .category { | ||
218 | + background-color: #00a9bd; } | ||
219 | +.saude .proposal-link { | ||
220 | + background-color: #00a9bd; | ||
221 | + background-image: url(./images/icons/saude.png); | ||
222 | + background-position: 0 50%; | ||
223 | + background-repeat: no-repeat; | ||
224 | + background-size: 32px; } | ||
225 | + | ||
180 | #proposal-category-seguranca .proposal-link { | 226 | #proposal-category-seguranca .proposal-link { |
181 | background-color: #e34748; | 227 | background-color: #e34748; |
182 | background-image: url(./images/icons/seguranca.png?3); | 228 | background-image: url(./images/icons/seguranca.png?3); |
@@ -195,6 +241,15 @@ li.category-seguranca { | @@ -195,6 +241,15 @@ li.category-seguranca { | ||
195 | background-repeat: no-repeat; | 241 | background-repeat: no-repeat; |
196 | background-size: 22px; } | 242 | background-size: 22px; } |
197 | 243 | ||
244 | +.seguranca .category { | ||
245 | + background-color: #e34748; } | ||
246 | +.seguranca .proposal-link { | ||
247 | + background-color: #e34748; | ||
248 | + background-image: url(./images/icons/seguranca.png); | ||
249 | + background-position: 0 50%; | ||
250 | + background-repeat: no-repeat; | ||
251 | + background-size: 32px; } | ||
252 | + | ||
198 | #proposal-category-educacao .proposal-link { | 253 | #proposal-category-educacao .proposal-link { |
199 | background-color: #ffb400; | 254 | background-color: #ffb400; |
200 | background-image: url(./images/icons/educacao.png?3); | 255 | background-image: url(./images/icons/educacao.png?3); |
@@ -213,6 +268,15 @@ li.category-educacao { | @@ -213,6 +268,15 @@ li.category-educacao { | ||
213 | background-repeat: no-repeat; | 268 | background-repeat: no-repeat; |
214 | background-size: 22px; } | 269 | background-size: 22px; } |
215 | 270 | ||
271 | +.educacao .category { | ||
272 | + background-color: #ffb400; } | ||
273 | +.educacao .proposal-link { | ||
274 | + background-color: #ffb400; | ||
275 | + background-image: url(./images/icons/educacao.png); | ||
276 | + background-position: 0 50%; | ||
277 | + background-repeat: no-repeat; | ||
278 | + background-size: 32px; } | ||
279 | + | ||
216 | #proposal-category-reducao-da-pobreza .proposal-link { | 280 | #proposal-category-reducao-da-pobreza .proposal-link { |
217 | background-color: #51d0b3; | 281 | background-color: #51d0b3; |
218 | background-image: url(./images/icons/reducao-da-pobreza.png?3); | 282 | background-image: url(./images/icons/reducao-da-pobreza.png?3); |
@@ -230,3 +294,12 @@ li.category-reducao-da-pobreza { | @@ -230,3 +294,12 @@ li.category-reducao-da-pobreza { | ||
230 | background-position: 3px center; | 294 | background-position: 3px center; |
231 | background-repeat: no-repeat; | 295 | background-repeat: no-repeat; |
232 | background-size: 22px; } | 296 | background-size: 22px; } |
297 | + | ||
298 | +.reducao-da-pobreza .category { | ||
299 | + background-color: #51d0b3; } | ||
300 | +.reducao-da-pobreza .proposal-link { | ||
301 | + background-color: #51d0b3; | ||
302 | + background-image: url(./images/icons/reducao-da-pobreza.png); | ||
303 | + background-position: 0 50%; | ||
304 | + background-repeat: no-repeat; | ||
305 | + background-size: 32px; } |
sass/_proposal_categories.scss
@@ -177,7 +177,17 @@ | @@ -177,7 +177,17 @@ | ||
177 | border: none; | 177 | border: none; |
178 | } | 178 | } |
179 | 179 | ||
180 | -// @media only screen and (max-device-width: 480px) { | 180 | +@media only screen and (max-device-width: 480px) { |
181 | + p, .description, label, .info, h2 small{ | ||
182 | + font-size: 18px !important; | ||
183 | + } | ||
184 | +} | ||
185 | +@media only screen and (max-width: 630px) { | ||
186 | + .proposal-detail .categories select{ | ||
187 | + width: 100% !important; | ||
188 | + } | ||
189 | + | ||
190 | +} | ||
181 | @media only screen and (max-width: 768px) { | 191 | @media only screen and (max-width: 768px) { |
182 | .proposal-item { | 192 | .proposal-item { |
183 | width: 95% !important; | 193 | width: 95% !important; |
sass/novo/_colors.scss
@@ -36,4 +36,18 @@ | @@ -36,4 +36,18 @@ | ||
36 | background-size: 22px; | 36 | background-size: 22px; |
37 | } | 37 | } |
38 | } | 38 | } |
39 | + .#{$category} { | ||
40 | + .category { | ||
41 | + background-color: $color; | ||
42 | + } | ||
43 | + .proposal { | ||
44 | + &-link { | ||
45 | + background-color: $color; | ||
46 | + background-image: url(./images/icons/#{$category}.png); | ||
47 | + background-position: 0 50%; | ||
48 | + background-repeat: no-repeat; | ||
49 | + background-size: 32px; | ||
50 | + } | ||
51 | + } | ||
52 | + } | ||
39 | } | 53 | } |
40 | \ No newline at end of file | 54 | \ No newline at end of file |
sass/novo/_proposal_categories.scss
@@ -99,7 +99,11 @@ | @@ -99,7 +99,11 @@ | ||
99 | font-size: $small-font-size; | 99 | font-size: $small-font-size; |
100 | padding: $default-spacing-size; | 100 | padding: $default-spacing-size; |
101 | p { | 101 | p { |
102 | - min-height: 60px; | 102 | + overflow: hidden; |
103 | + min-height: 4em; | ||
104 | + } | ||
105 | + &:hover { | ||
106 | + background-color: #eeeff1; | ||
103 | } | 107 | } |
104 | } | 108 | } |
105 | .category { | 109 | .category { |
sass/novo/_proposal_detail.scss
@@ -0,0 +1,31 @@ | @@ -0,0 +1,31 @@ | ||
1 | +.proposal { | ||
2 | + &-detail { | ||
3 | + .proposal { | ||
4 | + &-category { | ||
5 | + background-color: #000; | ||
6 | + border-top: 0; | ||
7 | + display: block; | ||
8 | + margin-right: 0; | ||
9 | + padding-top: 0; | ||
10 | + text-align: left; | ||
11 | + } | ||
12 | + &-link { | ||
13 | + border-radius: 0; | ||
14 | + font-size: $category-title-size; | ||
15 | + padding: 15px 35px; | ||
16 | + text-transform: uppercase; | ||
17 | + vertical-align: middle; | ||
18 | + width: auto; | ||
19 | + } | ||
20 | + } | ||
21 | + } | ||
22 | + &-selection { | ||
23 | + height: 57px; | ||
24 | + width: 60%; | ||
25 | + | ||
26 | + } | ||
27 | +} | ||
28 | + | ||
29 | +.select { | ||
30 | + padding-left: 0; | ||
31 | +} | ||
0 | \ No newline at end of file | 32 | \ No newline at end of file |
sass/novo/_proposal_group.scss
@@ -0,0 +1,16 @@ | @@ -0,0 +1,16 @@ | ||
1 | +#proposal { | ||
2 | + &-group { | ||
3 | + border-bottom: 1px solid $header-color; | ||
4 | + border-left: 1px solid $header-color; | ||
5 | + border-right: 1px solid $header-color; | ||
6 | + padding: $default-spacing-size $default-spacing-size 0; | ||
7 | + ul { | ||
8 | + margin-bottom: 0; | ||
9 | + margin-top: $default-spacing-size; | ||
10 | + padding-left: 0; | ||
11 | + } | ||
12 | + } | ||
13 | +} | ||
14 | +#search-input-container { | ||
15 | + margin-top: 10px; | ||
16 | +} | ||
0 | \ No newline at end of file | 17 | \ No newline at end of file |