feat(escolinha): nova tela de login
This commit is contained in:
@@ -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) ---------- */
|
||||
|
||||
Reference in New Issue
Block a user