tawasuyu/brahman
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

portada: reticula a 2px #444, z-index 30 sobre todo, circulo 28px 2px

Browse Source
This commit is contained in:
Sergio
2026-05-24 02:42:12 +00:00
parent 031a164f47
commit be127def7a
1 changed files with 15 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
crates/apps/gioser-web/styles.css
+15 -13
View File
@@ -52,17 +52,18 @@ html, body {
background: var(--bg); background: var(--bg);
} }
/* Líneas de retícula */ /* Líneas de retícula — sobre todo */
.reticula-v { .reticula-v {
position: absolute; position: absolute;
top: 0; top: 0;
left: 50%; left: 50%;
width: 1px; width: 2px;
height: 100%; height: 100%;
background: var(--reticula); background: #444;
z-index: 1; z-index: 30;
pointer-events: none; pointer-events: none;
transition: background 0.4s ease, box-shadow 0.4s ease; transition: background 0.4s ease, box-shadow 0.4s ease;
transform: translateX(-0.5px);
} }
.reticula-v.brighter { .reticula-v.brighter {
@@ -75,11 +76,12 @@ html, body {
top: 50%; top: 50%;
left: 0; left: 0;
width: 100%; width: 100%;
height: 1px; height: 2px;
background: var(--reticula); background: #444;
z-index: 1; z-index: 30;
pointer-events: none; pointer-events: none;
transition: background 0.4s ease, box-shadow 0.4s ease; transition: background 0.4s ease, box-shadow 0.4s ease;
transform: translateY(-0.5px);
} }
.reticula-h.brighter { .reticula-h.brighter {
@@ -89,13 +91,13 @@ html, body {
.reticula-center { .reticula-center {
position: absolute; position: absolute;
top: calc(50% - 12px); top: calc(50% - 14px);
left: calc(50% - 12px); left: calc(50% - 14px);
width: 24px; width: 28px;
height: 24px; height: 28px;
border: 1px solid var(--border); border: 2px solid #444;
border-radius: 50%; border-radius: 50%;
z-index: 2; z-index: 30;
pointer-events: none; pointer-events: none;
transition: border-color 0.4s ease, box-shadow 0.4s ease, background 0.4s ease; transition: border-color 0.4s ease, box-shadow 0.4s ease, background 0.4s ease;
background: transparent; background: transparent;