Skip to content

Latest commit

 

History

History
42 lines (28 loc) · 1.32 KB

QUICKSTART.md

File metadata and controls

42 lines (28 loc) · 1.32 KB
Raw

Quick Start

Core-Styles is reusable CSS used by TACC and TACC User Portal.

Basic Usage

For a static website:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tacc/[email protected]/dist/core-styles.base.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tacc/[email protected]/dist/core-styles.cms.css" />

For a dynamic web application:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tacc/[email protected]/dist/core-styles.base.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tacc/[email protected]/dist/core-styles.portal.css" />

For only custom properties e.g. colors, size, spacing, et cetera:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tacc/[email protected]/dist/core-styles.settings.css" />

Tip

For UI patterns and demos, see https://cep.tacc.utexas.edu/static/ui/.

Note

For a more-detailed walkthrough and options, see HOWTO.md.

Important

Core-Styles can co-exist with Bootstrap 4.

Advanced Usage

Install into a project via Node.