liturgia-colors/src/tailwind/main.css

A css theme inspired by liturgical colors in the Roman Church.

/*@import 'tailwindcss';*/
/*@import '../liturgia-colors.css';*/
/*@import './_typography.css';*/

@import './_albus-theme.css';
@import './_roseus-theme.css';
@import './_ruber-theme.css';
@import './_tenebrae-theme.css';
@import './_violaceus-theme.css';
@import './_viridis-theme.css';

/*@theme inline {*/
/*  !* Colors *!*/
/*  --color-light: var(--color-light);*/
/*  --color-gray: var(--color-gray);*/
/*  --color-dark: var(--color-dark);*/
/*  --color-main: var(--color-main);*/
/*  --color-text: var(--color-text);*/
/*  --color-text-invert: var(--color-text-invert);*/

/*  !* Fonts *!*/
/*  --font-family-heading: var(--font-family-heading);*/
/*  --font-family-paragraph: var(--font-family-paragraph);*/

/*  !* Design Tokens *!*/
/*  --radius-default: var(--radius-default);*/
/*  --size-sm: var(--size-sm);*/
/*  --size-md: var(--size-md);*/
/*  --size-lg: var(--size-lg);*/
/*  --opacity-low: var(--opacity-low);*/
/*  --opacity-medium: var(--opacity-medium);*/
/*  --opacity-high: var(--opacity-high);*/
/*  --rotate-default: var(--rotate-default);*/
/*  --font-size-xs: var(--font-size-xs);*/
/*  --font-size-sm: var(--font-size-sm);*/
/*  --font-size-md: var(--font-size-md);*/
/*  --font-size-lg: var(--font-size-lg);*/
/*  --spacing-xs: var(--spacing-xs);*/
/*  --spacing-sm: var(--spacing-sm);*/
/*  --spacing-md: var(--spacing-md);*/
/*  --spacing-lg: var(--spacing-lg);*/
/*  --line-width-default: var(--line-width-default);*/
/*}*/

/*@tailwind utilities;*/