Generateurv2/frontend/styles/dashboard.module.scss
2022-06-24 13:42:16 +02:00

73 lines
1.1 KiB
SCSS

@import './variables';
@import './mixins';
.room-link{
display: block;
//color: $primary-dark;
transition: .3s;
margin: 10px;
width: max-content;
&:hover{
color: $primary;
}
}
.form {
display: grid;
grid-template-columns: repeat(2,1fr);
gap: 8px;
@include down(840px){
display: flex;
flex-direction: column;
}
}
.input{
background-color: lighten($color: $background-dark, $amount: 5);
color: #d4dcff;
border: 1px solid $border;
padding: 12px 8px;
width: 100%;
&:focus{
outline: none;
border: $contrast 1px solid;
box-shadow: 0 0 0 3px $background-light;
}
}
.form-group{
& label{
display: block;
text-transform: uppercase;
font-size: .85em;
font-weight: 400;
margin-bottom: 5px;
}
}
.modal-form {
background-color: $background
}
.error{
color: $red;
font-weight: 600;
margin-top: 3px;
}
.h1{
font-size: 2.8em;
}
.no-room{
font-style: italic;
}
.rooms{
display: grid;
//grid-template-rows: repeat(4, 1fr);
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
grid-auto-flow: dense;
}