feat(escolinha): nova tela de login

This commit is contained in:
deploy
2026-08-20 14:44:31 +00:00
parent 95a273dc91
commit cf0bfad8ac
+14 -9
View File
@@ -59,13 +59,17 @@ data:
em pontos. Fica sobre as duas colunas, por isso pende de .stage e nao de
uma delas. As mascaras apagam as pontas para a faixa nao ter borda. */
.costura{
position:absolute;top:0;bottom:0;left:48%;
width:230px;transform:translateX(-50%);
pointer-events:none;z-index:1;opacity:.9;
position:absolute;top:0;bottom:0;left:47%;
width:330px;transform:translateX(-45%);
pointer-events:none;z-index:1;opacity:.95;
background-image:radial-gradient(circle, var(--orange) 1.6px, transparent 1.6px);
background-size:9px 9px;
-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 45%, #000 60%, transparent 100%);
mask-image:linear-gradient(90deg, transparent 0, #000 45%, #000 60%, transparent 100%);
-webkit-mask-image:linear-gradient(90deg,
transparent 0, rgba(0,0,0,.18) 18%, rgba(0,0,0,.62) 38%,
#000 55%, rgba(0,0,0,.7) 74%, rgba(0,0,0,.25) 88%, transparent 100%);
mask-image:linear-gradient(90deg,
transparent 0, rgba(0,0,0,.18) 18%, rgba(0,0,0,.62) 38%,
#000 55%, rgba(0,0,0,.7) 74%, rgba(0,0,0,.25) 88%, transparent 100%);
}
/* ---------- Foto (esquerda) ---------- */
@@ -78,10 +82,11 @@ data:
.foto::after{
content:'';position:absolute;inset:0;
background:linear-gradient(90deg,
rgba(252,252,251,0) 52%,
rgba(252,252,251,.45) 78%,
rgba(252,252,251,.92) 95%,
var(--paper) 100%);
rgba(252,252,251,0) 56%,
rgba(252,252,251,.32) 72%,
rgba(252,252,251,.75) 84%,
rgba(252,252,251,.96) 91%,
var(--paper) 96%);
}
/* ---------- Painel do formulario (direita) ---------- */