Usage
There are three resources that make up the Fender Design System:
Prototyping Template
Copy this into an HTML page, and then open that page in your browser in order to start prototyping UI elements and Layouts.
<!DOCTYPE html>
<html lang="en">
<title>Prototyping Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://rawgit.com/fenderdigital/css-utilities/master/dist/utilities.min.css">
<link rel="stylesheet" href="https://rawgit.com/fenderdigital/web-fonts/master/dist/fonts.min.css">
<link rel="stylesheet" href="https://rawgit.com/fenderdigital/icon-library/master/dist/icon-library.min.css">
<body>
</body>
</html>
The easiest way to get started is to include the resources in the head of a project. These three libraries should cover 95% of use cases.
<link rel="stylesheet" href="https://rawgit.com/fenderdigital/css-utilities/master/dist/utilities.min.css">
<link rel="stylesheet" href="https://rawgit.com/fenderdigital/web-fonts/master/fonts/fonts.css">
<link rel="stylesheet" href="https://rawgit.com/fenderdigital/icon-library/master/dist/icon-library.min.css">
In Production
TBD on the CDN