Semantic UI Version for use in Tages-Anzeiger visualisations and apps.
Homepage Repository npm Sass Download
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.