@invertase/firebaseui-styles

This package contains the styles for the FirebaseUI components.

Installation

$3

If you are using Tailwind CSS in your project, you can import the source files directly into your project.

``css
@import "tailwindcss";
@import "@invertase/firebaseui-styles/tailwind";
`

$3

Alternatively, you can import fully compiled CSS files into your project. This output contains both the tailwind styles and the FirebaseUI styles.

`jsx
import "@invertase/firebaseui-styles";
`

Themes

The packages also exports themes which overrides the CSS variables with preset colors. These can be imported from your CSS:

`css
@import "tailwindcss";
@import "@invertase/firebaseui-styles/tailwind";
@import "@invertase/firebaseui-styles/themes/brualist";
`

Building

To build the styles into a single CSS file, run the following command:

`bash
pnpm build
`

This command will source the src.css file and output the compiled CSS to the dist.css` file.