Pequenas melhorias nos botões. (#187)

Leonardo Merlin
1 parent b0a2a836
Showing 1 changed file with 18 additions and 0 deletions Show diff stats
sass/_proposal_detail.scss
@@ -299,6 +299,12 @@
         padding: 20px;
         display: block;
  
+        transition: background-color .2s;
+        
+        &:hover,
+        &:focus {
+          background-color: saturate( lighten($color, 5%), 10% );
+        }
         span {
           padding-left: 20px;
           background: transparent url(images/airplane.png) left center no-repeat;
@@ -413,6 +419,13 @@
             bottom: 40px;
             left: 50%;
             margin-left: -30%;
+
+            transition: background-color .2s;
+            
+            &:hover,
+            &:focus {
+              background-color: saturate( lighten($color, 5%), 10% );
+            }
           }
           .vote-result {
             font-size: 14px;
@@ -429,6 +442,11 @@
             left: 0;
             text-decoration: none;
             color: $color;
+
+            &:hover,
+            &:focus {
+              text-decoration: underline;
+            }
           }
         }
       }
...	...	@@ -299,6 +299,12 @@
299	299	padding: 20px;
300	300	display: block;
301	301
	302	+ transition: background-color .2s;
	303	+
	304	+ &:hover,
	305	+ &:focus {
	306	+ background-color: saturate( lighten($color, 5%), 10% );
	307	+ }
302	308	span {
303	309	padding-left: 20px;
304	310	background: transparent url(images/airplane.png) left center no-repeat;
...	...	@@ -413,6 +419,13 @@
413	419	bottom: 40px;
414	420	left: 50%;
415	421	margin-left: -30%;
	422	+
	423	+ transition: background-color .2s;
	424	+
	425	+ &:hover,
	426	+ &:focus {
	427	+ background-color: saturate( lighten($color, 5%), 10% );
	428	+ }
416	429	}
417	430	.vote-result {
418	431	font-size: 14px;
...	...	@@ -429,6 +442,11 @@
429	442	left: 0;
430	443	text-decoration: none;
431	444	color: $color;
	445	+
	446	+ &:hover,
	447	+ &:focus {
	448	+ text-decoration: underline;
	449	+ }
432	450	}
433	451	}
434	452	}
...	...