Improve styling of buttons

rust-gamedev · Jul 1, 2024 · f087885 · f087885
1 parent 7a9ec72
commit f087885
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/sass/_extra.scss b/sass/_extra.scss
@@ -99,23 +99,32 @@ h6:hover .anchor {
  margin-bottom: 0;
 }
 
+input, button {
+ font-size: inherit;
+}
+
 a.btn, // Trick to increase the specificity and win against rules such as a:visited
 .btn {
  text-decoration: none;
  border-radius: 3px;
  font-weight: 600;
- border: 1px solid transparent;
+ border: none;
  box-sizing: border-box;
  display: inline-block;
  padding: 0.4em 2em;
+ transition: background-color 125ms;
 
  background-color: $brand-color;
  color: $background-color;
  border-color: $background-color;
 
  &:hover {
  color: lighten($background-color, 10);
- border-color: $brand-color;
+ background-color: lighten($brand-color, 5);
+ }
+
+ &:active {
+ background-color: darken($brand-color, 5);
  }
 }