demarches-normaliennes/app/assets/stylesheets/auth.scss
Martin a4d6692bc6 accessibilite(pages-authentification): evolutions des pages de connexion/creation de compte pour respecter le DSFR et supporter une meilleure accessibilite
Update app/components/dsfr/input_component/input_component.html.haml

Co-authored-by: Colin Darie <colin@darie.eu>
2023-01-03 16:26:05 +01:00

84 lines
1.4 KiB
SCSS

@import "colors";
@import "constants";
@import "placeholders";
@import "mixins";
#auth,
#agentconnect {
// On small screens, hide the procedure description text on auth pages.
// It avoids pushing the sign-in/sign-up form out of the viewport.
//
// The procedure description can still be read from the /commencer
// pages.
@media (max-width: $two-columns-breakpoint) {
.procedure-preview,
.agent-intro {
display: none;
}
}
.column {
padding-top: $default-spacer;
}
.form label {
margin-bottom: $default-spacer / 2;
}
}
.auth-form {
.auth-options {
display: flex;
justify-content: space-between;
margin-bottom: 2 * $default-spacer;
}
.remember-me {
display: inline-block;
margin-bottom: 0;
}
hr {
margin-top: 30px;
margin-bottom: 30px;
background-color: $grey;
border: none;
height: 1px;
}
.register {
display: flex;
justify-content: space-between;
align-items: center;
span {
font-size: 18px;
font-weight: bold;
}
}
.auth-signup-button {
white-space: nowrap;
}
}
.sign-in-form .form {
input[type="email"] {
margin-bottom: $default-spacer;
}
input[type="password"] {
margin-bottom: $default-spacer;
}
input[type="checkbox"] {
margin-bottom: 0;
}
}
#session-new {
.important-header {
font-weight: bold;
font-size: 18px;
}
}