💄 Add buttons which will be used by the Login component
This commit is contained in:
44
src/components/button.scss
Normal file
44
src/components/button.scss
Normal file
@@ -0,0 +1,44 @@
|
||||
@import "../_base.scss"
|
||||
|
||||
.root {
|
||||
height: 100%;
|
||||
aspect-ratio: 3.5;
|
||||
|
||||
border: $border-big;
|
||||
border-radius: $border-radius;
|
||||
|
||||
color: $greyscale-0;
|
||||
|
||||
font-family: "Geist";
|
||||
font-weight: bold;
|
||||
|
||||
svg {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.register {
|
||||
@extend .root;
|
||||
|
||||
background-color: $color-ternary-90;
|
||||
}
|
||||
.register:hover {
|
||||
background-color: $color-ternary-80;
|
||||
}
|
||||
.register:active {
|
||||
background-color: $color-ternary-70;
|
||||
}
|
||||
|
||||
|
||||
.login {
|
||||
@extend .root;
|
||||
|
||||
background-color: $color-secondary-90;
|
||||
}
|
||||
.login:hover {
|
||||
background-color: $color-secondary-80;
|
||||
}
|
||||
.login:active {
|
||||
background-color: $color-secondary-70;
|
||||
}
|
Reference in New Issue
Block a user