Download as
Browse Code »

Commit bd15b2239a7edd55c695b6187172e3221fa2d509

Authored by Augusto dos Anjos Almeida
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
  Diff comments   View file @bd15b22
... ... @@ -143,7 +143,10 @@ nav ul {
143 143 font-size: 14px;
144 144 padding: 20px; }
145 145 .item p {
146   - min-height: 60px; }
  146 + overflow: hidden;
  147 + min-height: 4em; }
  148 + .item:hover {
  149 + background-color: #eeeff1; }
147 150  
148 151 .category {
149 152 border-top: 1px dotted #172938;
... ... @@ -159,6 +162,40 @@ nav ul {
159 162 font-weight: 700;
160 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 199 #proposal-category-saude .proposal-link {
163 200 background-color: #00a9bd;
164 201 background-image: url(./images/icons/saude.png?3);
... ... @@ -177,6 +214,15 @@ li.category-saude {
177 214 background-repeat: no-repeat;
178 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 226 #proposal-category-seguranca .proposal-link {
181 227 background-color: #e34748;
182 228 background-image: url(./images/icons/seguranca.png?3);
... ... @@ -195,6 +241,15 @@ li.category-seguranca {
195 241 background-repeat: no-repeat;
196 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 253 #proposal-category-educacao .proposal-link {
199 254 background-color: #ffb400;
200 255 background-image: url(./images/icons/educacao.png?3);
... ... @@ -213,6 +268,15 @@ li.category-educacao {
213 268 background-repeat: no-repeat;
214 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 280 #proposal-category-reducao-da-pobreza .proposal-link {
217 281 background-color: #51d0b3;
218 282 background-image: url(./images/icons/reducao-da-pobreza.png?3);
... ... @@ -230,3 +294,12 @@ li.category-reducao-da-pobreza {
230 294 background-position: 3px center;
231 295 background-repeat: no-repeat;
232 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
  Diff comments   View file @bd15b22
... ... @@ -177,7 +177,17 @@
177 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 191 @media only screen and (max-width: 768px) {
182 192 .proposal-item {
183 193 width: 95% !important;
... ...
sass/novo/_colors.scss
  Diff comments   View file @bd15b22
... ... @@ -36,4 +36,18 @@
36 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 54 \ No newline at end of file
... ...
sass/novo/_proposal_categories.scss
  Diff comments   View file @bd15b22
... ... @@ -99,7 +99,11 @@
99 99 font-size: $small-font-size;
100 100 padding: $default-spacing-size;
101 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 109 .category {
... ...
sass/novo/_proposal_detail.scss
  Diff comments   View file @bd15b22
... ... @@ -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 32 \ No newline at end of file
... ...
sass/novo/_proposal_group.scss
  Diff comments   View file @bd15b22
... ... @@ -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 17 \ No newline at end of file
... ...