julien/binome
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄 (button) uniform color

Browse Source
This commit is contained in:
Julien Calixte
2020-07-04 15:54:01 +02:00
parent 0e960d0ba6
commit c890cd1f18
1 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/styles/app.scss
View File

@@ -1,22 +1,24 @@
@import url('https://fonts.googleapis.com/css2?family=Anonymous+Pro&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Fira+Mono&display=swap');
$color: #f8efba; $color: #f8efba;
$bgcolor: #2c3a47;
$font-family: 'Fira Mono', monospace;
body { body {
text-align: center; text-align: center;
font-family: 'Anonymous Pro', monospace; font-family: $font-family;
background-color: #2c3a47; background-color: #2c3a47;
color: $color; color: $color;
margin: 0; margin: 0;
} }
button { button {
font-family: 'Anonymous Pro', monospace; font-family: $font-family;
border: none; border: none;
padding: 1rem; padding: 1rem;
text-decoration: none; text-decoration: none;
background: #0069ed; background: $color;
color: $color; color: $bgcolor;
cursor: pointer; cursor: pointer;
transition: background 250ms ease-in-out, transform 150ms ease; transition: background 250ms ease-in-out, transform 150ms ease;
border-radius: 0.5rem; border-radius: 0.5rem;
@@ -24,7 +26,7 @@ button {
button:hover, button:hover,
button:focus { button:focus {
background: #0053ba; background: darken($color, 15);
} }
button:active { button:active {