@world-vision-canada/lumen-css

CCS implementation of WVC's Lumen Design System. Intended to be imported into js framework(vue, react) implementation of lumen and wvc websites.

0.0.3
npm

Version published: 3 years ago

Weekly downloads: 387; increased by17.99%

Maintainers: 2

Weekly downloads

Created: 3 years ago

Source

WVC Lumen CSS

CCS implementation of WVC's Lumen Design System. Intended to be imported into js framework(vue, react) implementation of lumen and wvc websites.

Running the Project

To download project dependecies, run yarn.
To run the storybook sandbox, run yarn start.
To compile scss to css for deployment(to dist/), run yarn build.
To lint (error check) your code, run yarn lint.

Getting Started

Using inside an HTML project

In the <head> place:

<link rel="stylesheet" href="https://unpkg.com/@world-vision-canada/lumen-css@*.*.*/wvc-lumen.min.css">

Replace @*.*.* with the correct version number if needed.

Apply component classes to existing markup or copy component snippets from storybook. <button class="wvc-btn wvc-btn--primary theme-light">Button</button>

Import to js framework project (vue, react)

Download package, run npm i @world-vision-canada/lumen-css or yarn add @world-vision-canada/lumen-css.
Import css file at app's entry point

import "@world-vision-canada/lumen-css/wvc-lumen.min.css";

apply component classes to existing markup or copy component snippets from storybook. <button class="wvc-btn wvc-btn--primary theme-light">Button</button>

What is this repository for?

Quick summary
Version
Learn Markdown

How do I get set up?

Summary of set up
Configuration
Dependencies
Database configuration
How to run tests
Deployment instructions

Contribution guidelines

Writing tests
Code review
Other guidelines

Who do I talk to?

Repo owner or admin
Other community or team contact

FAQs

What is @world-vision-canada/lumen-css?

Is @world-vision-canada/lumen-css popular?

Is @world-vision-canada/lumen-css well maintained?

Package last updated on 15 Nov 2021

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install