83 lines
1.9 KiB
CSS
83 lines
1.9 KiB
CSS
/*
|
|
* Este archivo es parte de Nabu.
|
|
*
|
|
* Nabu es software libre: puedes redistribuirlo y/o modificarlo
|
|
* bajo los términos de la Licencia Pública General de GNU Affero publicada por
|
|
* la Free Software Foundation, ya sea la versión 3 de la Licencia, o
|
|
* (a su elección) cualquier versión posterior.
|
|
*
|
|
* Nabu se distribuye con la esperanza de que sea de utilidad,
|
|
* pero SIN NINGUNA GARANTÍA; incluso sin la garantía implícita de
|
|
* COMERCIABILIDAD o APTITUD PARA UN PROPÓSITO PARTICULAR. Consulte la
|
|
* Licencia Pública General de GNU Affero para obtener más detalles.
|
|
*
|
|
* Debería haber recibido una copia de la Licencia Pública General de GNU Affero
|
|
* junto con este programa. De lo contrario, consulte <https://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
.wrapper {
|
|
display: flex;
|
|
max-width: 900px;
|
|
box-shadow: 7px 10px 10px 2px rgba(0, 0, 0, .25);
|
|
}
|
|
|
|
.content {
|
|
flex-basis: 45%;
|
|
padding: 25px;
|
|
background-color: var(--color-background);
|
|
}
|
|
|
|
.form__image-container {
|
|
display: initial;
|
|
flex-basis: 55%;
|
|
}
|
|
|
|
.form__image {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
}
|
|
|
|
.sign-up__button {
|
|
position: relative;
|
|
z-index: 2;
|
|
margin: 0;
|
|
font-weight: bold;
|
|
background-color: transparent;
|
|
border: 2px solid var(--color-secondary-purple);
|
|
color: var(--color-secondary-purple);
|
|
box-shadow: initial;
|
|
transition: all ease-in 0.35s;
|
|
}
|
|
|
|
.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);
|
|
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;
|
|
}
|