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;
$bgcolor: #2c3a47;
$font-family: 'Fira Mono', monospace;
body {
text-align: center;
font-family: 'Anonymous Pro', monospace;
font-family: $font-family;
background-color: #2c3a47;
color: $color;
margin: 0;
}
button {
font-family: 'Anonymous Pro', monospace;
font-family: $font-family;
border: none;
padding: 1rem;
text-decoration: none;
background: #0069ed;
color: $color;
background: $color;
color: $bgcolor;
cursor: pointer;
transition: background 250ms ease-in-out, transform 150ms ease;
border-radius: 0.5rem;
@@ -24,7 +26,7 @@ button {
button:hover,
button:focus {
background: #0053ba;
background: darken($color, 15);
}
button:active {