Commit 60cf68d7c9feb91f8ca7370e75486d2d22ab5303
1 parent
fc304f50
Exists in
master
and in
7 other branches
Small refact at SASS style
Showing
2 changed files
with
39 additions
and
30 deletions
Show diff stats
sass/_proposal_categories.scss
| @@ -9,10 +9,12 @@ | @@ -9,10 +9,12 @@ | ||
| 9 | border-bottom: 1px solid #03316f; | 9 | border-bottom: 1px solid #03316f; |
| 10 | border-left: 1px solid #03316f; | 10 | border-left: 1px solid #03316f; |
| 11 | border-right: 1px solid #03316f; | 11 | border-right: 1px solid #03316f; |
| 12 | + | ||
| 12 | li { | 13 | li { |
| 13 | list-style: none; | 14 | list-style: none; |
| 14 | display: inline-block; | 15 | display: inline-block; |
| 15 | } | 16 | } |
| 17 | + | ||
| 16 | .proposal-category { | 18 | .proposal-category { |
| 17 | a { | 19 | a { |
| 18 | text-decoration: none; | 20 | text-decoration: none; |
| @@ -57,33 +59,8 @@ | @@ -57,33 +59,8 @@ | ||
| 57 | padding-top: 10px; | 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 | .proposal-item { | 62 | .proposal-item { |
| 63 | + | ||
| 87 | width: 48%; | 64 | width: 48%; |
| 88 | // min-height: 200px; | 65 | // min-height: 200px; |
| 89 | margin: 0.5%; | 66 | margin: 0.5%; |
| @@ -91,21 +68,48 @@ | @@ -91,21 +68,48 @@ | ||
| 91 | border-radius: 5px; | 68 | border-radius: 5px; |
| 92 | vertical-align: top; | 69 | vertical-align: top; |
| 93 | border: 1px solid #03316f; | 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 | .proposal-link { | 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 | min-height: 200px; | 100 | min-height: 200px; |
| 101 | + | ||
| 96 | p { | 102 | p { |
| 97 | font-weight: 400; | 103 | font-weight: 400; |
| 98 | } | 104 | } |
| 99 | } | 105 | } |
| 100 | - } | ||
| 101 | 106 | ||
| 102 | - .proposal-item:hover { | ||
| 103 | - background: #eeeff1; | ||
| 104 | } | 107 | } |
| 105 | 108 | ||
| 106 | .proposal-category-items { | 109 | .proposal-category-items { |
| 107 | text-align: left; | 110 | text-align: left; |
| 108 | border-radius: 6px; | 111 | border-radius: 6px; |
| 112 | + | ||
| 109 | .proposal-list { | 113 | .proposal-list { |
| 110 | padding-left: 20px; | 114 | padding-left: 20px; |
| 111 | padding-bottom: 20px; | 115 | padding-bottom: 20px; |
| @@ -121,6 +125,7 @@ | @@ -121,6 +125,7 @@ | ||
| 121 | color: white; | 125 | color: white; |
| 122 | padding: 10px 30px; | 126 | padding: 10px 30px; |
| 123 | text-align: left; | 127 | text-align: left; |
| 128 | + | ||
| 124 | .name { | 129 | .name { |
| 125 | font-weight: bold; | 130 | font-weight: bold; |
| 126 | border-bottom: 2px solid white; | 131 | border-bottom: 2px solid white; |
| @@ -137,11 +142,13 @@ | @@ -137,11 +142,13 @@ | ||
| 137 | .proposal-category-items-#{$category} { | 142 | .proposal-category-items-#{$category} { |
| 138 | background-color: $color; | 143 | background-color: $color; |
| 139 | } | 144 | } |
| 145 | + | ||
| 140 | #proposal-category-#{$category} a { | 146 | #proposal-category-#{$category} a { |
| 141 | background-image: url(./images/icons/#{$category}.png?3); | 147 | background-image: url(./images/icons/#{$category}.png?3); |
| 142 | background-color: $color; | 148 | background-color: $color; |
| 143 | border-color: $color; | 149 | border-color: $color; |
| 144 | } | 150 | } |
| 151 | + | ||
| 145 | #proposal-category-#{$category} .arrow-box:after { | 152 | #proposal-category-#{$category} .arrow-box:after { |
| 146 | border-bottom-color: $color; | 153 | border-bottom-color: $color; |
| 147 | } | 154 | } |
| @@ -155,6 +162,7 @@ | @@ -155,6 +162,7 @@ | ||
| 155 | background-position-x: 3px; | 162 | background-position-x: 3px; |
| 156 | } | 163 | } |
| 157 | } | 164 | } |
| 165 | + | ||
| 158 | @each $category, $description in $categories-descriptions { | 166 | @each $category, $description in $categories-descriptions { |
| 159 | .proposal-category-items-#{$category} .header .description:before { | 167 | .proposal-category-items-#{$category} .header .description:before { |
| 160 | content: "#{$description}"; | 168 | content: "#{$description}"; |
sass/_proposal_group.scss
| @@ -9,7 +9,8 @@ | @@ -9,7 +9,8 @@ | ||
| 9 | font-size: 14px; | 9 | font-size: 14px; |
| 10 | } | 10 | } |
| 11 | 11 | ||
| 12 | - #search-input-container, label[for=search] { | 12 | + #search-input-container, |
| 13 | + label[for=search] { | ||
| 13 | width: 49%; | 14 | width: 49%; |
| 14 | height: 80px; | 15 | height: 80px; |
| 15 | vertical-align: middle; | 16 | vertical-align: middle; |