DFDS colors
main colors from CDN
load the font by inluding this in html
<link rel="stylesheet"
href="https://unpkg.com/@dfds-frontend/colors/dist/colors.css">
or import it from css
<style>
@import "https://unpkg.com/@dfds-frontend/colors/dist/colors.css";
</style>
use the colors in css
.button--primary {
color: var(--color-white);
background-color: var(--color-primary-orange);
}
use the styling
<button class="button button--primary">Click here</button>
main colors from npm
- npm install @dfds-frontend/colors
- the files are in node_modules/@dfds-frontend/colors/dist
load it inluding this in html
<link rel="stylesheet"
href="node_modules/@dfds-frontend/colors/dist/colors.css">
demo
- https://codepen.io/kunukn/full/67da1197b74e4030606a79c18e638e0c/ cdn js, color list
- https://codepen.io/kunukn/pen/f30321d67af72011cf1b87dd64ea0070 cdn css var usage
- https://codesandbox.io/s/6yq09864k3 npm, color list
more
To see all the available CDN files go to