coloca a cor dos botões igual a cor do tema na pagina programas

Matheus Machado Monteiro - SUPDE/DEDES/DEDS1
1 parent 1cfd54a0
Showing 2 changed files with 15 additions and 5 deletions Show diff stats
src/app/index.scss
src/app/layout.scss
@@ -133,8 +133,13 @@ body {
         border-right: 0;
         border-top: 0;
         border-radius: 6px;
-        background-color: #5e739d;
-        border-bottom: 3px solid #45506e;
+        @each $category,
+          $color in $categories {
+            .#{$category} & {
+              background-color: $color;
+              border-bottom: 3px solid darken( $color, 10% );
+            }
+          }
  
         -webkit-transition: all $time ease-in-out;
         -moz-transition: all $time ease-in-out;
@@ -143,7 +148,12 @@ body {
  
         &:hover,
         &:focus {
-          background-color: #45506e;
+          @each $category,
+          $color in $categories {
+            .#{$category} & {
+              background-color: darken( $color, 10% );
+            }
+          }
         }
  
         .contraste & {
@@ -204,7 +214,7 @@ body {
     width: 100%;
     height: 100%;
     text-align: center;
-    
+
     .icon-circle{
         position: absolute;
         left: 50%;
@@ -361,7 +361,7 @@ blockquote {
  
   p {
     margin-left: 60px;
-    
+
     &:first-of-type {
       padding-top: 50px;
     }
...	...	@@ -133,8 +133,13 @@ body {
133	133	border-right: 0;
134	134	border-top: 0;
135	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	144	-webkit-transition: all $time ease-in-out;
140	145	-moz-transition: all $time ease-in-out;
...	...	@@ -143,7 +148,12 @@ body {
143	148
144	149	&:hover,
145	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	159	.contraste & {
...	...	@@ -204,7 +214,7 @@ body {
204	214	width: 100%;
205	215	height: 100%;
206	216	text-align: center;
207		-
	217	+
208	218	.icon-circle{
209	219	position: absolute;
210	220	left: 50%;
...	...
...	...	@@ -361,7 +361,7 @@ blockquote {
361	361
362	362	p {
363	363	margin-left: 60px;
364		-
	364	+
365	365	&:first-of-type {
366	366	padding-top: 50px;
367	367	}
...	...