A framework for building YouSee branded websites and applications.
YouSee DNA documentation · YouSee DNA on GitHub
In the downloaded package (found in node_modules/@youseedk/
) you'll find the following directories:
dna/
├── css/
│ ├── base
│ ├── elements
│ ├── icons
│ ├── layout
│ ├── settings
├── scss/
├── svg/
├── ys-bundle.css
└── ys-bundle.min.css
The package is designed for two use cases:
ys-bundle.min.css
which contains all YouSee elements and layout settings.If you choose option 2, "Custom", please be aware that it is required that you include ys-base.css
before including any other elements.
For further documentation, please visit the documentation site
It is also possible to load the bundled css files from a CDN:
<link rel="stylesheet" type="text/css" href="https://unpkg.com/@youseedk/dna/ys-bundle.min.css" />
will always load the latest version.
If a specific version is needed, insert the version number into the URL, ie.:
<link rel="stylesheet" type="text/css" href="https://unpkg.com/@youseedk/dna@1.0.0/ys-bundle.min.css" />
will load version 1.0.0.
Please visit the documentation site
YouSee DNA's documentation is built with Fractal, deployed on GitHub Pages using Travis CI.
Clone the repo:
git clone https://github.com/yousee.dk/dna.git
After cloning the repository run the following command to install node modules
$ npm ci
Running the project
$ npm start
That will run the project in development mode and will watch the files for changes. The command will also print the hostname and port for where the server is runnning.