Installing Startr Style

Startr Style can be added to your project by downloading from the Github repo. Extract and include the ./dist/style.min.css into your project, linking in your document head.

<link href="path/to/css/style.min.css" rel="stylesheet">

Install via NPM

Possibly the quickest and easiest way to include Startr/Style in to your project is through NPM or yarn.

// Using NPM
npm install Startr/Style

Install via Yarn

// Using NPM
yarn add Startr/Style

Import CSS in React

import 'Startr/Style/dist/style.min.css';

Import CSS in Vue.js

<style src='Startr/Style/dist/style.min.css' />

Install via CDN

To grab from CDN you can use the following.

// Via CDN
<link href="https://unpkg.com/Startr/Style@latest/dist/style.min.css" rel="stylesheet">

Modular Installation

Startr Style can be broken down in to 3 distinct components. In cases where you may not need all three components, each of these components can be included seperately.

Base Element Styling

// Link locally
<link href="path/to/css/style-base.min.css" rel="stylesheet">

// Via CDN
<link href="https://unpkg.com/Startr/Style@latest/dist/style-base.min.css" rel="stylesheet">

Helpers

// Link locally
<link href="path/to/css/style-helpers.min.css" rel="stylesheet">

// Via CDN
<link href="https://unpkg.com/Startr/Style@latest/dist/style-helpers.min.css" rel="stylesheet">

Utilities

// Link locally
<link href="path/to/css/style-utlities.min.css" rel="stylesheet">

// Via CDN
<link href="https://unpkg.com/Startr/Style@latest/dist/style-utilities.min.css" rel="stylesheet">