Generateurv2/frontend/styles/Home.module.scss

43 lines
696 B
SCSS
Raw Normal View History

2022-05-18 10:15:54 +02:00
@import "./variables";
2022-06-24 13:42:16 +02:00
@import "./mixins";
2022-05-18 10:15:54 +02:00
.btn {
padding: 25px;
display: flex;
align-items: center;
width: 250px;
justify-content: center;
color: black;
}
.icon {
transition: 0.3s;
margin-left: 2%;
}
.btn {
background: linear-gradient(to left, $primary 50%, darken($color: $primary, $amount: 25) 50%);
background-size: 200% 100%;
background-position: right bottom;
}
.btn:hover {
background-position: left bottom;
& > .icon {
margin-left: 15%;
}
}
.btn-container {
display: flex;
2022-06-24 13:42:16 +02:00
justify-content: space-evenly;
gap: 20px;
@include down(840){
flex-direction: column;
align-items: center;
}
2022-05-18 10:15:54 +02:00
}
.title{
text-align: center;
font-size: 5em;
}