Commit c5dcfdc84bb00320ad53cfcad3f81b51dff524b9
1 parent
1cfd54a0
Exists in
master
and in
4 other branches
coloca a cor dos botões igual a cor do tema na pagina programas
Showing
2 changed files
with
15 additions
and
5 deletions
Show diff stats
src/app/index.scss
| @@ -133,8 +133,13 @@ body { | @@ -133,8 +133,13 @@ body { | ||
| 133 | border-right: 0; | 133 | border-right: 0; |
| 134 | border-top: 0; | 134 | border-top: 0; |
| 135 | border-radius: 6px; | 135 | border-radius: 6px; |
| 136 | - background-color: #5e739d; | ||
| 137 | - border-bottom: 3px solid #45506e; | 136 | + @each $category, |
| 137 | + $color in $categories { | ||
| 138 | + .#{$category} & { | ||
| 139 | + background-color: $color; | ||
| 140 | + border-bottom: 3px solid darken( $color, 10% ); | ||
| 141 | + } | ||
| 142 | + } | ||
| 138 | 143 | ||
| 139 | -webkit-transition: all $time ease-in-out; | 144 | -webkit-transition: all $time ease-in-out; |
| 140 | -moz-transition: all $time ease-in-out; | 145 | -moz-transition: all $time ease-in-out; |
| @@ -143,7 +148,12 @@ body { | @@ -143,7 +148,12 @@ body { | ||
| 143 | 148 | ||
| 144 | &:hover, | 149 | &:hover, |
| 145 | &:focus { | 150 | &:focus { |
| 146 | - background-color: #45506e; | 151 | + @each $category, |
| 152 | + $color in $categories { | ||
| 153 | + .#{$category} & { | ||
| 154 | + background-color: darken( $color, 10% ); | ||
| 155 | + } | ||
| 156 | + } | ||
| 147 | } | 157 | } |
| 148 | 158 | ||
| 149 | .contraste & { | 159 | .contraste & { |
| @@ -204,7 +214,7 @@ body { | @@ -204,7 +214,7 @@ body { | ||
| 204 | width: 100%; | 214 | width: 100%; |
| 205 | height: 100%; | 215 | height: 100%; |
| 206 | text-align: center; | 216 | text-align: center; |
| 207 | - | 217 | + |
| 208 | .icon-circle{ | 218 | .icon-circle{ |
| 209 | position: absolute; | 219 | position: absolute; |
| 210 | left: 50%; | 220 | left: 50%; |
src/app/layout.scss