Files
redux-scraper/app/assets/stylesheets/application.tailwind.css
Dylan Knutson 572c61cebb add proxies
2025-07-23 04:51:44 +00:00

62 lines
1.5 KiB
CSS

@tailwind base;
@tailwind components;
@tailwind utilities;
.animated-shadow-sky {
@apply shadow-lg;
}
.sky-section {
@apply divide-y divide-slate-300 overflow-hidden border border-slate-300 bg-slate-100 sm:rounded-lg;
}
.section-header {
@apply px-4 py-3 font-medium text-slate-900;
}
.sky-section-header {
@apply px-4 py-3 font-medium text-slate-900;
}
.sky-link {
@apply text-sky-600 underline decoration-dotted transition-colors hover:text-sky-800;
}
.blue-link {
@apply text-blue-600 transition-colors hover:text-blue-800 hover:underline;
}
.scroll-shadows {
background:
/* Shadow Cover TOP */
linear-gradient(white 30%, rgba(255, 255, 255, 0)) center top,
/* Shadow Cover BOTTOM */ linear-gradient(rgba(255, 255, 255, 0), white 70%)
center bottom,
/* Shadow TOP */
linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)) center
top,
/* Shadow BOTTOM */
linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)) center
bottom;
background-repeat: no-repeat;
background-size:
100% 20px,
100% 20px,
100% 10px,
100% 10px;
background-attachment: local, local, scroll, scroll;
}
.log-entry-table-header-cell {
@apply bg-slate-50 py-1 text-xs font-medium uppercase tracking-wider text-slate-500;
}
.log-entry-table-row-cell {
@apply flex items-center py-1 text-sm;
}
.rich-text-content blockquote {
@apply my-4 border-s-4 border-gray-300 bg-slate-200 p-4 italic leading-relaxed;
}