HFC Relay Framework

HFC Relay Framework (SCSS)

Installation

####1. Install Install the npm package from your console.

npm install hfc-relay --save-dev

####2. Create config Create a _hfc-relay-config.scss with this content (but remove all the !default statements)

In there you can now:

• safely override any defaults
• easily import/use different fonts
• toggle features like $devmode-breakpoints

####3. Import Import both Files in your sass in this order.

// HFC Relay
@import 'path/to/your/hfc-relay-config.scss';
@import 'node_modules/hfc-relay/hfc-relay.scss';

// Your other imports below

That's it. Happy coding.

Usage

Structure-Layer

• Container
• The Grid
• Mediaqueries
• Quantityqueries

Animation-Layer

• Overlay

Helpers

Mixed

• Position
• Arrow
• Button
• Icon

Form Elements

• Checkbox
• Radiobutton