havgry / dna Goto Github PK

A framework for building YouSee branded websites and applications.
YouSee DNA documentation · YouSee DNA on GitHub

• Install
• Contents
• Browser Support
• Documentation
• Local Documentation

• Install with npm: npm i @youseedk/dna
• Install with yarn: yarn add @youseedk/dna

In the downloaded package (found in node_modules/@youseedk/) you'll find the following directories:

dna/
├── css/
│   ├── base
│   ├── elements
│   ├── icons
│   ├── layout
│   ├── settings
├── fonts/
├── scss/
├── svg/
├── ys-bundle.css
└── ys-bundle.min.css

The package is designed for two use cases:

1. "As is" — you use ys-bundle.min.css which contains all YouSee elements and layout settings.
2. "Custom" - you pick and mix what elements, svg files, font files etc. are needed and include them in a setup of your own choosing.

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/[email protected]/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.