IdM Style Guide
Getting Started
The style guide functions like a content delivery network, allowing you to pull all bundled assets into your app as one JavaScript file. To do this:
- Create an HTML template in your app: copy/paste from here
-
Make sure you're using the desired version of the style guide:
- Test:
<script src="stylesheet" href="https://shib-idp-test-09.oit.duke.edu/idms-assets/dist/bundle.js"></script>
- Prod:
<script src="stylesheet" href="https://shib.oit.duke.edu/idms-assets/dist/bundle.js"></script>
- Test:
Add local files (
project.css
,project.js
) after style guide declaration for local modifications as necessary.
Further Reading
This style guide uses the following:
Fonts
- Font Awesome 5.0.6
- Open Sans
Scripts
- jQuery (documentation)
- DataTables (documentation)