Download as
Browse Code »

Commit 60cf68d7c9feb91f8ca7370e75486d2d22ab5303

Authored by Leonardo Merlin
1 parent fc304f50
Exists in master and in 7 other branches build, build2, capa, captcha, contigency_plan_recaptcha, production, staging

Small refact at SASS style

Showing 2 changed files with 39 additions and 30 deletions   Show diff stats
sass/_proposal_categories.scss
  Diff comments   View file @60cf68d
... ... @@ -9,10 +9,12 @@
9 9 border-bottom: 1px solid #03316f;
10 10 border-left: 1px solid #03316f;
11 11 border-right: 1px solid #03316f;
  12 +
12 13 li {
13 14 list-style: none;
14 15 display: inline-block;
15 16 }
  17 +
16 18 .proposal-category {
17 19 a {
18 20 text-decoration: none;
... ... @@ -57,33 +59,8 @@
57 59 padding-top: 10px;
58 60 }
59 61  
60   - .proposal-item p {
61   - font-size: 14px;
62   - color: #172938;
63   - margin: 0;
64   - padding-top: 5px;
65   - margin-bottom: 10px;
66   - text-align: left;
67   - }
68   -
69   - .proposal-item .item {
70   - padding: 15px;
71   - }
72   -
73   - .proposal-item .proposal-link {
74   - padding-top: 10px;
75   - display: block;
76   - margin: 0;
77   - color: #335277;
78   - text-align: left;
79   - font-family: 'Asap';
80   - font-weight: 700;
81   - font-size: 18pt;
82   - text-decoration: none;
83   - cursor: pointer;
84   - }
85   -
86 62 .proposal-item {
  63 +
87 64 width: 48%;
88 65 // min-height: 200px;
89 66 margin: 0.5%;
... ... @@ -91,21 +68,48 @@
91 68 border-radius: 5px;
92 69 vertical-align: top;
93 70 border: 1px solid #03316f;
  71 +
  72 + &:hover {
  73 + background: #eeeff1;
  74 + }
  75 +
  76 + p {
  77 + font-size: 14px;
  78 + color: #172938;
  79 + margin: 0;
  80 + padding-top: 5px;
  81 + margin-bottom: 10px;
  82 + text-align: left;
  83 + }
  84 +
  85 + .item {
  86 + padding: 15px;
  87 + }
  88 +
94 89 .proposal-link {
  90 + padding-top: 10px;
  91 + display: block;
  92 + margin: 0;
  93 + color: #335277;
  94 + text-align: left;
  95 + font-family: 'Asap';
  96 + font-weight: 700;
  97 + font-size: 18pt;
  98 + text-decoration: none;
  99 + cursor: pointer;
95 100 min-height: 200px;
  101 +
96 102 p {
97 103 font-weight: 400;
98 104 }
99 105 }
100   - }
101 106  
102   - .proposal-item:hover {
103   - background: #eeeff1;
104 107 }
105 108  
106 109 .proposal-category-items {
107 110 text-align: left;
108 111 border-radius: 6px;
  112 +
109 113 .proposal-list {
110 114 padding-left: 20px;
111 115 padding-bottom: 20px;
... ... @@ -121,6 +125,7 @@
121 125 color: white;
122 126 padding: 10px 30px;
123 127 text-align: left;
  128 +
124 129 .name {
125 130 font-weight: bold;
126 131 border-bottom: 2px solid white;
... ... @@ -137,11 +142,13 @@
137 142 .proposal-category-items-#{$category} {
138 143 background-color: $color;
139 144 }
  145 +
140 146 #proposal-category-#{$category} a {
141 147 background-image: url(./images/icons/#{$category}.png?3);
142 148 background-color: $color;
143 149 border-color: $color;
144 150 }
  151 +
145 152 #proposal-category-#{$category} .arrow-box:after {
146 153 border-bottom-color: $color;
147 154 }
... ... @@ -155,6 +162,7 @@
155 162 background-position-x: 3px;
156 163 }
157 164 }
  165 +
158 166 @each $category, $description in $categories-descriptions {
159 167 .proposal-category-items-#{$category} .header .description:before {
160 168 content: "#{$description}";
... ...
sass/_proposal_group.scss
  Diff comments   View file @60cf68d
... ... @@ -9,7 +9,8 @@
9 9 font-size: 14px;
10 10 }
11 11  
12   - #search-input-container, label[for=search] {
  12 + #search-input-container,
  13 + label[for=search] {
13 14 width: 49%;
14 15 height: 80px;
15 16 vertical-align: middle;
... ...