@zywave/zuix-app-styles v4.0.5

zui-app-styles

Installation

npm:

> npm i --save @zywave/zui-app-styles

yarn:

> yarn add @zywave/zui-app-styles

See the documentation site for more information.

Running locally

Be sure all dependencies for the monorepo have been installed (instructions at the root CONTRIBUTING.md)

Watch

> npx gulp watch

Run

> npx gulp run

Documentation

.zuix class sets all: unset which removes all styles from applied element.

<div class="zuix row margin-bottom-l"></div>

.zuix was created to avoid clashing styles, i.e. it's a fix for when a user pulls in a 3rd party stylesheet which defines .row, but ZUI also defines .row these classes could mix but .zuix instead removes all styles on itself first, and then adds the ZUI defined styles.

IE11 does not support all: unset therefore the styles in zui-all-reset.bs.scss intend to produce the effect this would have in modern browsers.