Skip to content

Bonaparte Theme – Developed for editorial tools at Dow Jones.

Notifications You must be signed in to change notification settings

bonaparte/napoleon-ui

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Jun 24, 2016
0b52c77 · Jun 24, 2016
Apr 6, 2016
Jul 29, 2015
Apr 12, 2016
Apr 6, 2016
Apr 5, 2016
Sep 17, 2015
Feb 11, 2016
Apr 12, 2016
Apr 5, 2016
Feb 26, 2016
Jun 24, 2016
Apr 12, 2016

Repository files navigation

#Napoleon Bonaparte Theme

npm version

Napoleon is a Semantic UI inspired theme developed for editorial tools at Dow Jones.

Like common front end frameworks Napoleon provides a set of CSS classes to style HTML elements.

In addition to the traditional HTML elements, Napoleon also defines styles and classes for Bonaparte components.

Examples

Main Features

Baseline Grid

All elements and text styled with Napoleon align on a baseline grid. This allows Napoleon elements to be mixed and matched while still resulting in a clean user interface.

The baseline grid is defined as 1rem. Napoleon defines 1rem as 12px by default.

Toggle the grid in the top right corner in the kitchen sink.

Namespaced

Napoleon doesn't apply any styles to any HTML elements by default.

Resets and styling of base tags (<p>, small, <h1>–<h6>) are applied for elements within a .napoleon wrapper, or elements that have the .ui class.

Through this, Napoleon doesn't interfere with other CSS on a page.