Merge branch 'singUp' of https://github.com/ricardogj08/nabu into login
This commit is contained in:
commit
031bb3ff2e
|
@ -22,6 +22,9 @@
|
|||
}
|
||||
|
||||
.sign-up__button {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
margin: 0;
|
||||
font-weight: bold;
|
||||
background-color: transparent;
|
||||
border: 2px solid var(--color-secondary-purple);
|
||||
|
@ -30,7 +33,33 @@
|
|||
transition: all ease-in 0.35s;
|
||||
}
|
||||
|
||||
.sign-up__button:hover {
|
||||
.sign-up__container {
|
||||
width: 236px;
|
||||
height: 60px;
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
overflow: hidden;
|
||||
border-radius: 40px;
|
||||
}
|
||||
|
||||
.sign-up__container > span {
|
||||
content: "";
|
||||
width: inherit;
|
||||
height: inherit;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -236px;
|
||||
z-index: 1;
|
||||
pointer-events: none;
|
||||
background-color: var(--color-secondary-purple);
|
||||
color: var(--color-background);
|
||||
transition: all ease-in-out 600ms;
|
||||
}
|
||||
|
||||
.sign-up__container:hover > span {
|
||||
left: 0;
|
||||
border-radius: inherit;
|
||||
}
|
||||
|
||||
.sign-up__container:hover > .sign-up__button {
|
||||
color: white;
|
||||
}
|
|
@ -53,7 +53,11 @@
|
|||
<span class="name__field">Confirmar contraseña</span>
|
||||
</label>
|
||||
|
||||
<input class="sign-up__button"type="submit" name="signup-submit" value="Registrarme" aria-label="Registrar">
|
||||
<div class="sign-up__container">
|
||||
<input class="sign-up__button"type="submit" name="signup-submit" value="Registrarme" aria-label="Registrar">
|
||||
<span></span>
|
||||
|
||||
</div>
|
||||
<p class="form__already">¿Ya tienes cuenta?
|
||||
<a href="<?= NABU_ROUTES['login'] ?>">Inicia sesión</a>.
|
||||
</p>
|
||||
|
|
Loading…
Reference in a new issue