Spaces:
Running
Running
Delete style.css
Browse files
style.css
DELETED
|
@@ -1,52 +0,0 @@
|
|
| 1 |
-
/* ==========================================
|
| 2 |
-
# File: styles.css
|
| 3 |
-
# Tailwind utility layer + small components
|
| 4 |
-
# ========================================== */
|
| 5 |
-
|
| 6 |
-
.nav-link { @apply text-sm font-medium text-slate-700 hover:text-primary dark:text-slate-200 dark:hover:text-primary; }
|
| 7 |
-
.mobile-link { @apply px-3 py-2 rounded text-slate-700 dark:text-slate-200 hover:bg-slate-200/60 dark:hover:bg-slate-700/40; }
|
| 8 |
-
.btn-primary { @apply inline-flex items-center justify-center rounded-lg bg-primary px-5 py-2.5 font-bold text-white shadow hover:opacity-90 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary; }
|
| 9 |
-
.btn-secondary { @apply inline-flex items-center justify-center rounded-lg bg-white/15 px-5 py-2.5 font-bold text-white ring-1 ring-white/30 hover:bg-white/25 focus-visible:ring-2 focus-visible:ring-white; }
|
| 10 |
-
.pill { @apply rounded-lg bg-primary/10 dark:bg-primary/20 px-4 py-3 font-semibold text-primary dark:text-white; }
|
| 11 |
-
.h2 { @apply text-3xl sm:text-4xl font-bold tracking-tight; }
|
| 12 |
-
.h3 { @apply text-2xl font-bold; }
|
| 13 |
-
.h4 { @apply text-xl font-bold; }
|
| 14 |
-
.input { @apply w-full rounded-lg border border-slate-300 bg-white px-3 py-2 text-slate-900 placeholder:text-slate-500 focus:border-primary focus:ring-primary dark:border-slate-700 dark:bg-slate-900 dark:text-slate-100; }
|
| 15 |
-
.label { @apply block text-sm font-medium; }
|
| 16 |
-
.link { @apply text-primary hover:underline; }
|
| 17 |
-
.link.muted { @apply text-slate-500 hover:text-primary dark:text-slate-400; }
|
| 18 |
-
.section { @apply py-16 sm:py-24; }
|
| 19 |
-
.container { @apply mx-auto max-w-7xl px-4 sm:px-6 lg:px-8; }
|
| 20 |
-
.card { @apply flex flex-col gap-2 overflow-hidden rounded-xl border border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-900 p-6 shadow-soft; }
|
| 21 |
-
.list { @apply list-disc pl-5 text-sm; }
|
| 22 |
-
.muted { @apply opacity-80; }
|
| 23 |
-
|
| 24 |
-
.filter-chip { @apply rounded-full px-4 py-2 text-sm font-semibold border border-slate-300 dark:border-slate-600 hover:bg-slate-100 dark:hover:bg-slate-800; }
|
| 25 |
-
.filter-chip.active { @apply bg-primary text-white border-primary; }
|
| 26 |
-
|
| 27 |
-
.portfolio-card { @apply text-left overflow-hidden rounded-xl border border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-900 hover:shadow-lg transition; }
|
| 28 |
-
.portfolio-card img { @apply w-full aspect-[4/3] object-cover; }
|
| 29 |
-
|
| 30 |
-
.th { @apply p-4 text-left font-bold; }
|
| 31 |
-
.td { @apply p-3 align-top; }
|
| 32 |
-
|
| 33 |
-
.quote { @apply rounded-xl border border-slate-200 dark:border-slate-700 bg-white dark:bg-slate-900 p-6 shadow-soft; }
|
| 34 |
-
.about-card { @apply p-4 rounded-lg border border-slate-200 dark:border-slate-700 bg-white/70 dark:bg-slate-900/60; }
|
| 35 |
-
|
| 36 |
-
.nav-link.active { @apply text-primary font-bold; }
|
| 37 |
-
|
| 38 |
-
/* Slider */
|
| 39 |
-
.slider { position: relative; }
|
| 40 |
-
.slide { display: none; }
|
| 41 |
-
.slide.is-active { display: block; }
|
| 42 |
-
.slider-btn {
|
| 43 |
-
position: absolute; top: 50%; transform: translateY(-50%);
|
| 44 |
-
background: rgba(0,0,0,.45); color: #fff; border-radius: 9999px;
|
| 45 |
-
padding: .4rem .7rem; font-size: 1.5rem; line-height: 1; z-index: 10;
|
| 46 |
-
}
|
| 47 |
-
.slider-btn.prev { left: .5rem; }
|
| 48 |
-
.slider-btn.next { right: .5rem; }
|
| 49 |
-
.demo-pill {
|
| 50 |
-
position: absolute; bottom: .75rem; right: .75rem; z-index: 10;
|
| 51 |
-
background: rgba(17,147,212,.9); color: #fff; padding: .45rem .7rem; border-radius: .5rem; font-weight: 700;
|
| 52 |
-
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|