hacklab/26s
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Título con relieve naranja, botones naranja al pasar y pulsar

Browse source
This commit is contained in:
hacklab 2026-09-29 13:06:22 +02:00
parent 8a4c6569f2
commit 8e75c5d493
1 changed files with 10 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

14
site/css/main.css
View file

@ -8,6 +8,7 @@
--bg: #fff; --bg: #fff;
--fg: #000; --fg: #000;
--acc: #ff1493; --acc: #ff1493;
--neon: #ff4500;
--bd: 3px solid var(--fg); --bd: 3px solid var(--fg);
--gap: 12px; --gap: 12px;
--tit: "Anton", Impact, "Arial Narrow", sans-serif; --tit: "Anton", Impact, "Arial Narrow", sans-serif;
@ -40,7 +41,11 @@ h1, h2, h3, .cuadro, .bt {
} }
h1 { font-size: clamp(48px, 11vw, 120px); } h1 { font-size: clamp(48px, 11vw, 120px); }
h1.w { margin: 24px auto 16px; text-align: center; } h1.w {
margin: 24px auto 16px;
text-align: center;
text-shadow: .01em .01em 0 var(--neon), .02em .02em 0 var(--neon), .03em .03em 0 var(--neon), .04em .04em 0 var(--neon), .05em .05em 0 var(--neon), .05em .05em .12em rgba(255, 69, 0, .55);
}
h2 { font-size: 40px; margin: 48px 0 16px; border-bottom: var(--bd); padding-bottom: 6px; } h2 { font-size: 40px; margin: 48px 0 16px; border-bottom: var(--bd); padding-bottom: 6px; }
h3 { font-size: 26px; margin: 0 0 6px; } h3 { font-size: 26px; margin: 0 0 6px; }
@ -88,14 +93,15 @@ h3 { font-size: 26px; margin: 0 0 6px; }
transition: transform .12s ease-out, box-shadow .12s ease-out, border-color .12s, color .12s; transition: transform .12s ease-out, box-shadow .12s ease-out, border-color .12s, color .12s;
} }
.bt:hover, .bt:focus-visible { .bt:hover, .bt:focus-visible {
--sombra: var(--acc); --sombra: var(--neon);
border-color: var(--acc); border-color: var(--neon);
color: var(--acc); color: var(--neon);
transform: translateY(-3px); transform: translateY(-3px);
box-shadow: 0 9px 0 var(--sombra); box-shadow: 0 9px 0 var(--sombra);
outline: none; outline: none;
} }
.bt:active { .bt:active {
--sombra: var(--neon);
transform: translateY(4px); transform: translateY(4px);
box-shadow: 0 2px 0 var(--sombra); box-shadow: 0 2px 0 var(--sombra);
} }