PRESS CSS

Styles for Frontiers properties.

Using in other projects

1. cd into your project directory and npm install @frontiersusa/press-css.
2. Copy tailwind.config.js to your project's root or reference it in your project
3. Add web fonts: <link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;0,900;1,400&family=PT+Serif:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">

CSS Support

• Official support for >1% and last 3 of browsers.
• Basic support for IE 10 & 11.
• IE 9 and earlier are not supported.

Maintaining this repository

This section is for maintainers only.

Local Setup

1. Run git clone https://github.com/frontiersusa/press-css.git to clone locally.
2. cd into the cloned directory and npm install.
3. npm run start to serve and watch

Building

Run npm run build to build locally, though this will be done automatically done during deployment.

Editing

This project uses Tailwindcss to generate all styles. Please read Tailwind's documentation carefully before making edits.

Deployment

Press CSS uses a simple script (deploy.sh) to deploy to this repository. It does the following:

1. Bumps the current version using release-it.
2. Deploys to the repository and creates a new release (also with release-it).
3. Deploys /docs directory to branch gh-pages.