\r\n\r\n[](https://travis-ci.com/youseedk/dna)\r\n[](https://www.npmjs.com/package/@youseedk/dna)\r\n[](https://github.com/youseedk/dna)\r\n\r\n## Table of contents\r\n\r\n- [Install](#install)\r\n- [Contents](#contents)\r\n- [Browser Support](#browser-support)\r\n- [Documentation](#documentation)\r\n- [Local Documentation](#local-documentation)\r\n\r\n## Install\r\n\r\n- Install with [npm](https://www.npmjs.com/): `npm i @youseedk/dna`\r\n- Install with [yarn](https://yarnpkg.com/): `yarn add @youseedk/dna`\r\n\r\n## Contents\r\nIn the downloaded package (found in `node_modules/@youseedk/`) you'll find the following directories:\r\n\r\n```plaintext\r\ndna/\r\n├── css/\r\n│ ├── base\r\n│ ├── elements\r\n│ ├── icons\r\n│ ├── layout\r\n│ ├── settings\r\n├── scss/\r\n├── svg/\r\n├── ys-bundle.css\r\n└── ys-bundle.min.css\r\n```\r\n\r\nThe package is designed for two use cases:\r\n1. \"As is\" — you use `ys-bundle.min.css` which contains all YouSee elements and layout settings.\r\n2. \"Custom\" - you pick and mix what elements, svg files, font files etc. are needed and include them in a setup of your own choosing.\r\n\r\nIf you choose option 2, \"Custom\", please be aware that it is required that you include `ys-base.css` before including any other elements.\r\n\r\nFor further documentation, please visit the [documentation site](https://dna.yousee.dk)\r\n\r\n### CDN\r\nIt is also possible to load the bundled css files from a CDN:\r\n`` will always load the latest version.\r\n\r\nIf a specific version is needed, insert the version number into the URL, ie.:\r\n`` will load version 1.0.0.\r\n\r\n## Browser Support\r\nPlease visit the [documentation site](https://dna.yousee.dk/docs/code-guidelines/browser-support.html)\r\n\r\n## Documentation\r\nYouSee DNA's documentation is built with [Fractal](https://fractal.build/), deployed on [GitHub Pages](https://pages.github.com/) using [Travis CI](https://travis-ci.com).\r\n\r\n## Local documentation\r\nClone the repo:\r\n```bash\r\ngit clone https://github.com/yousee.dk/dna.git\r\n```\r\n\r\nAfter cloning the repository run the following command to install node modules\r\n```bash\r\n$ npm ci\r\n```\r\n\r\nRunning the project\r\n```bash\r\n$ npm start\r\n```\r\n\r\nThat will run the project in development mode and will watch the files for changes. The command will also\r\nprint the hostname and port for where the server is runnning.\r\n","readmeFilename":"README.md","keywords":["yousee","css","scss","svg","framework","web"]}