42 lines
1018 B
CSS
42 lines
1018 B
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 md:rounded-lg;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.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;
|
|
}
|