* Enhance Marketing Pages and UI Components - Updated the marketing homepage to include an Ecosystem Showcase component, improving the presentation of the SaaS Starter Kit. - Refined various UI components, including adjustments to spacing, typography, and layout for better visual consistency. - Improved accessibility by adding aria-labels and ensuring proper semantic structure in components. - Adjusted styles across multiple components to enhance responsiveness and user experience. - Updated the pricing table and feature cards to align with the new design standards, ensuring a cohesive look and feel throughout the application. - Updated plan picker design
52 lines
1.2 KiB
CSS
52 lines
1.2 KiB
CSS
/*
|
|
* global.css
|
|
*
|
|
* Global styles for the entire application
|
|
*/
|
|
|
|
/* Tailwind CSS */
|
|
@import 'tailwindcss';
|
|
|
|
/* local styles - update the below if you add a new style */
|
|
@import './theme.css';
|
|
@import './theme.utilities.css';
|
|
@import './shadcn-ui.css';
|
|
@import './markdoc.css';
|
|
@import './makerkit.css';
|
|
|
|
/* plugins - update the below if you add a new plugin */
|
|
@plugin "tailwindcss-animate";
|
|
|
|
/* content sources - update the below if you add a new path */
|
|
@source "../../../packages/*/src/**/*.{ts,tsx}";
|
|
@source "../../../packages/features/*/src/**/*.{ts,tsx}";
|
|
@source "../../../packages/billing/*/src/**/*.{ts,tsx}";
|
|
@source "../../../packages/plugins/*/src/**/*.{ts,tsx}";
|
|
@source "../../../packages/cms/*/src/**/*.{ts,tsx}";
|
|
@source "../{app,components,config,lib}/**/*.{ts,tsx}";
|
|
|
|
/* variants - update the below if you add a new variant */
|
|
@variant dark (&:where(.dark, .dark *));
|
|
|
|
@layer base {
|
|
body {
|
|
@apply bg-background text-foreground;
|
|
font-feature-settings:
|
|
'rlig' 1,
|
|
'calt' 1;
|
|
}
|
|
|
|
*,
|
|
::after,
|
|
::before,
|
|
::backdrop,
|
|
::file-selector-button {
|
|
border-color: var(--border, currentColor);
|
|
}
|
|
|
|
input::placeholder,
|
|
textarea::placeholder {
|
|
color: theme(--color-muted-foreground);
|
|
}
|
|
}
|