3.0.1 • Published 3 years ago
@pxblue/colors v3.0.1
PX Blue Colors
This package contains PX Blue UI color definitions. These are intended for use as primary UI colors.
It contains the following color defintions:
blue / $pxb-blue
white / $pxb-white
gray / $pxb-gray
black / $pxb-black
darkBlack / $pxb-darkBlack
red / $pxb-red
orange / $pxb-orange
gold / $pxb-gold
yellow / $pxb-yellow
green / $pxb-green
lightBlue / $pxb-lightBlue
purple / $pxb-purple
These all have color definitions for the following values: 50, 100, 200, 300, 400, 500, 600, 700, 800, 900.
Installation
Install with npm
npm install --save @pxblue/colors
or yarn
yarn add @pxblue/colors
Usage
Incorporating these colors into your project is handled differently depending on the framework that you are using.
Angular or Ionic
// in styles.scss or your top-level sass file
@import '~@pxblue/colors/palette.scss'
...
background-color: map-get($pxb-blue, 500)
React or React Native
import * as Colors from '@pxblue/colors';
...
<div style={{background: Colors.blue['500']}}/>
3.0.1
3 years ago
3.0.0
4 years ago
2.0.1-beta.0
4 years ago
2.0.1
4 years ago
2.0.0-beta.0
4 years ago
2.0.0
4 years ago
1.0.13
5 years ago
1.0.12
5 years ago
1.0.11
5 years ago
1.0.10
5 years ago
1.0.9
6 years ago
1.0.8
6 years ago
1.0.7
6 years ago
1.0.6
6 years ago
1.0.5
6 years ago
1.0.4
6 years ago
1.0.3
6 years ago
1.0.2
6 years ago
1.0.1
6 years ago
1.0.0
6 years ago