💄 Add buttons which will be used by the Login component

This commit is contained in:
2024-03-09 22:46:00 +01:00
parent bb56d24f02
commit f52733d9a6
3 changed files with 193 additions and 0 deletions

View 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;
}