These are stylesheets used for interactive visualisations for tagesanzeiger.ch.
The styles are based on Semantic UI and adapted to conform to the art direction. (Work in Progress)
Yarn:
yarn add ta-semantic-ui
NPM:
npm install ta-semantic-ui
Base styles that should be included in main.js
:
import 'ta-semantic-ui/semantic/dist/components/reset.css';
import 'ta-semantic-ui/semantic/dist/components/site.css';
In all other react components, only the necessary Semantic UI components should be included, like this:
import 'ta-semantic-ui/semantic/dist/components/button.css';
import 'ta-semantic-ui/semantic/dist/components/image.css';
import 'ta-semantic-ui/semantic/dist/components/icon.css';
import 'ta-semantic-ui/semantic/dist/components/segment.css';
A complete Version of Semantic UI for use in other projects is here:
http://interaktiv.tagesanzeiger.ch/static/semantic/[current version number]/semantic.min.css
(533KB!)
http://interaktiv.tagesanzeiger.ch/static/semantic/[current version number]/semantic.min.js
(264KB!)
Separate components are available as well.