61 lines
1.6 KiB
SCSS
61 lines
1.6 KiB
SCSS
|
.login, .user {
|
||
|
width: 100vw;
|
||
|
height: 50vh;
|
||
|
@include beige_gradient();
|
||
|
padding-top: 15vh;
|
||
|
> h2 {
|
||
|
@include sous_titre_alt();
|
||
|
text-align: center;
|
||
|
}
|
||
|
> div {
|
||
|
height: 100%;
|
||
|
> div:not(.hidden) {
|
||
|
// height: 100%;
|
||
|
margin-top: 5vh !important;
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
justify-content: center;
|
||
|
form {
|
||
|
font-family: 'Marianne', sans-serif;
|
||
|
.form-item {
|
||
|
margin: 1.8rem 0;
|
||
|
.form-checkbox {
|
||
|
width: 1rem;
|
||
|
height: 1rem;
|
||
|
-webkit-appearance: auto;
|
||
|
}
|
||
|
.form-required {
|
||
|
font-weight: 800;
|
||
|
padding-right: 1rem;
|
||
|
}
|
||
|
.description {
|
||
|
margin-top: 0.3rem;
|
||
|
}
|
||
|
}
|
||
|
input {
|
||
|
border: solid 1px $teal;
|
||
|
}
|
||
|
.button {
|
||
|
font-family: 'Marianne', sans-serif;
|
||
|
font-weight: 800;
|
||
|
border: solid 1px $teal;
|
||
|
background-color: white;
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
.button:hover {
|
||
|
background-color: rgba(255, 255, 255, 0.6);
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.user {
|
||
|
.contextual-region > div {
|
||
|
display: flex;
|
||
|
font-family: 'Marianne', sans-serif;
|
||
|
> h4 {
|
||
|
padding-right: 0.5rem;
|
||
|
}
|
||
|
}
|
||
|
}
|