Wire homepage specials, product/blog pages, instant search, and the customer portal so the live pharmacy site can be managed from the dashboard. Co-authored-by: Cursor <cursoragent@cursor.com>
73 lines
1.3 KiB
CSS
73 lines
1.3 KiB
CSS
@import "tailwindcss";
|
|
|
|
:root {
|
|
--primary: #2261fe;
|
|
--primary-hover: #1a52e0;
|
|
--navy: #002685;
|
|
--navy-deep: #001a5c;
|
|
--sky: #e8f0fe;
|
|
--mist: #f4f7fc;
|
|
--text: #1a2332;
|
|
--muted: #64748b;
|
|
--line: #e3eaf6;
|
|
--sale: #e11d48;
|
|
--ok: #0d9488;
|
|
}
|
|
|
|
@theme inline {
|
|
--color-primary: var(--primary);
|
|
--color-primary-hover: var(--primary-hover);
|
|
--color-navy: var(--navy);
|
|
--color-navy-deep: var(--navy-deep);
|
|
--color-sky: var(--sky);
|
|
--color-mist: var(--mist);
|
|
--color-ink: var(--text);
|
|
--color-muted: var(--muted);
|
|
--color-line: var(--line);
|
|
--color-sale: var(--sale);
|
|
--color-ok: var(--ok);
|
|
--font-sans: var(--font-vazir), Tahoma, sans-serif;
|
|
--font-latin: "Fredoka", var(--font-vazir), sans-serif;
|
|
}
|
|
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
body {
|
|
background: var(--mist);
|
|
color: var(--text);
|
|
font-family: var(--font-sans);
|
|
}
|
|
|
|
.font-latin {
|
|
font-family: var(--font-latin);
|
|
}
|
|
|
|
.no-scrollbar::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
.no-scrollbar {
|
|
-ms-overflow-style: none;
|
|
scrollbar-width: none;
|
|
}
|
|
|
|
.rich-text {
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
.rich-text :where(p, ul, ol, h2, h3, h4) {
|
|
margin-top: 0.85em;
|
|
}
|
|
|
|
.rich-text :where(ul, ol) {
|
|
padding-inline-start: 1.25rem;
|
|
}
|
|
|
|
.rich-text img {
|
|
height: auto;
|
|
max-width: 100%;
|
|
border-radius: 12px;
|
|
}
|