botones
This commit is contained in:
+35
-5
@@ -63,6 +63,21 @@
|
||||
background-clip: text;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
.btn-gradient {
|
||||
background: linear-gradient(135deg, var(--c-magenta), var(--c-teal-web));
|
||||
background-size: 200% 200%;
|
||||
color: white;
|
||||
border: none;
|
||||
padding: 0.8rem 2rem;
|
||||
border-radius: 50px;
|
||||
cursor: pointer;
|
||||
transition: background-position 0.3s;
|
||||
}
|
||||
|
||||
.btn-gradient:hover {
|
||||
background-position: right center;
|
||||
}
|
||||
color-scheme: light;
|
||||
}
|
||||
|
||||
@@ -86,6 +101,21 @@ html[data-theme="dark"] {
|
||||
background-clip: text;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
.btn-gradient {
|
||||
background: linear-gradient(135deg, var(--c-magenta), var(--c-teal-web));
|
||||
background-size: 200% 200%;
|
||||
color: white;
|
||||
border: none;
|
||||
padding: 0.8rem 2rem;
|
||||
border-radius: 50px;
|
||||
cursor: pointer;
|
||||
transition: background-position 0.3s;
|
||||
}
|
||||
|
||||
.btn-gradient:hover {
|
||||
background-position: right center;
|
||||
}
|
||||
color-scheme: dark;
|
||||
}
|
||||
|
||||
@@ -170,7 +200,7 @@ section { padding-block: var(--space-6); position: relative; }
|
||||
font-family: var(--font-small);
|
||||
font-size: var(--step--1);
|
||||
font-weight: 500;
|
||||
padding: 0.9rem 1.6rem;
|
||||
padding: 0.5rem 1.6rem;
|
||||
border-radius: 999px;
|
||||
border: 1px solid transparent;
|
||||
transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease, color 0.25s ease;
|
||||
@@ -180,7 +210,7 @@ section { padding-block: var(--space-6); position: relative; }
|
||||
.btn:focus-visible { outline: 3px solid var(--accent-roma-bright); outline-offset: 3px; }
|
||||
|
||||
.btn-primary {
|
||||
background: var(--accent-amor);
|
||||
background: linear-gradient(135deg, var(--c-magenta), var(--c-teal-web));
|
||||
color: #fff;
|
||||
}
|
||||
.btn-primary:hover { background: color-mix(in srgb, var(--accent-amor) 85%, black); }
|
||||
@@ -347,10 +377,10 @@ html[data-theme="dark"] .theme-toggle .icon-moon { display: block; }
|
||||
}
|
||||
.site-footer h5 {
|
||||
font-family: var(--font-small);
|
||||
font-size: var(--step--1);
|
||||
color: var(--accent-blush);
|
||||
font-size: var(--step--2);
|
||||
color: var(--accent-roma-bright);
|
||||
margin: 0 0 var(--space-2);
|
||||
font-weight: 500;
|
||||
font-weight: 400;
|
||||
}
|
||||
.site-footer ul { display: flex; flex-direction: column; gap: 0.55rem; font-size: var(--step--1); color: #d8d0e0; }
|
||||
.foot-bottom {
|
||||
|
||||
Reference in New Issue
Block a user