diff --git a/bower.json b/bower.json index d5b5417..0168ed6 100644 --- a/bower.json +++ b/bower.json @@ -1,6 +1,6 @@ { "name": "google-material-color", - "version": "0.0.2", + "version": "1.0.0", "description": "Google material color (http://www.google.com/design/spec/style/color.html) implementation for Sass, Less, Stylus, CSS and JS.", "homepage": "https://github.com/danlevan/google-material-color", "authors": [ diff --git a/dist/palette.css b/dist/palette.css index 15c31a0..edfe584 100644 --- a/dist/palette.css +++ b/dist/palette.css @@ -1,5 +1,5 @@ /** - * google-material-color v0.0.2 + * google-material-color v1.0.0 * https://github.com/danlevan/google-material-color */ .palette-Red.bg { @@ -1591,12 +1591,6 @@ .palette-Grey-900.text { color: #212121; } -.palette-Grey-1000.bg { - background-color: #ffffff; -} -.palette-Grey-1000.text { - color: #ffffff; -} .palette-Blue-Grey.bg { background-color: #607d8b; @@ -1665,4 +1659,30 @@ color: #263238; } +.palette-Black.bg { + background-color: #000000; +} +.palette-Black.text { + color: #000000; +} +.palette-Black-500.bg { + background-color: #000000; +} +.palette-Black-500.text { + color: #000000; +} + +.palette-White.bg { + background-color: #ffffff; +} +.palette-White.text { + color: #ffffff; +} +.palette-White-500.bg { + background-color: #ffffff; +} +.palette-White-500.text { + color: #ffffff; +} + diff --git a/dist/palette.js b/dist/palette.js index 97d2776..3436b5d 100644 --- a/dist/palette.js +++ b/dist/palette.js @@ -1,5 +1,5 @@ /** - * google-material-color v0.0.2 + * google-material-color v1.0.0 * https://github.com/danlevan/google-material-color */ (function(root, factory) { @@ -309,7 +309,6 @@ '700': '#616161', '800': '#424242', '900': '#212121', - '1000': '#ffffff', }, 'Blue Grey': { @@ -325,6 +324,14 @@ '900': '#263238', }, + 'Black': { + '500': '#000000', + }, + + 'White': { + '500': '#ffffff', + }, + }, get: function get(color, shade) { diff --git a/dist/palette.less b/dist/palette.less index d3f1a57..80ff70a 100644 --- a/dist/palette.less +++ b/dist/palette.less @@ -1,5 +1,5 @@ /** - * google-material-color v0.0.2 + * google-material-color v1.0.0 * https://github.com/danlevan/google-material-color */ @palette-Red-50: #fde0dc; @@ -246,7 +246,6 @@ @palette-Grey-700: #616161; @palette-Grey-800: #424242; @palette-Grey-900: #212121; -@palette-Grey-1000: #ffffff; @palette-Blue-Grey-50: #eceff1; @palette-Blue-Grey-100: #cfd8dc; @palette-Blue-Grey-200: #b0bec5; @@ -257,6 +256,8 @@ @palette-Blue-Grey-700: #455a64; @palette-Blue-Grey-800: #37474f; @palette-Blue-Grey-900: #263238; +@palette-Black-500: #000000; +@palette-White-500: #ffffff; .palette(@color; @shade: '500') { @colorVar: %('palette-%s-%s', replace(@color, ' ', '-'), replace(@shade, ' ', '-')); diff --git a/dist/palette.scss b/dist/palette.scss index aed431b..d416c38 100644 --- a/dist/palette.scss +++ b/dist/palette.scss @@ -1,5 +1,5 @@ /** - * google-material-color v0.0.2 + * google-material-color v1.0.0 * https://github.com/danlevan/google-material-color */ $palette: ( @@ -282,7 +282,6 @@ $palette: ( 700: #616161, 800: #424242, 900: #212121, - 1000: #ffffff, ), Blue Grey: ( 50: #eceff1, @@ -296,6 +295,12 @@ $palette: ( 800: #37474f, 900: #263238, ), + Black: ( + 500: #000000, + ), + White: ( + 500: #ffffff, + ), ); @function palette($color, $shade: 500) { diff --git a/dist/palette.styl b/dist/palette.styl index 9b2dc50..34abe80 100644 --- a/dist/palette.styl +++ b/dist/palette.styl @@ -1,5 +1,5 @@ /** - * google-material-color v0.0.2 + * google-material-color v1.0.0 * https://github.com/danlevan/google-material-color */ $palette = { @@ -282,7 +282,6 @@ $palette = { '700': #616161, '800': #424242, '900': #212121, - '1000': #ffffff, }, 'Blue Grey': { '50': #eceff1, @@ -296,6 +295,12 @@ $palette = { '800': #37474f, '900': #263238, }, + 'Black': { + '500': #000000, + }, + 'White': { + '500': #ffffff, + }, } palette(color, accent='500') diff --git a/package.json b/package.json index 0ad155b..afcfe14 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "google-material-color", - "version": "0.0.2", + "version": "1.0.0", "description": "Google material color (http://www.google.com/design/spec/style/color.html) implementation for Sass, Less, Stylus, CSS and JS.", "main": "src/index.js", "scripts": { diff --git a/src/colors.js b/src/colors.js index 5003d83..2786a9b 100644 --- a/src/colors.js +++ b/src/colors.js @@ -297,8 +297,6 @@ module.exports = { '700': '#616161', '800': '#424242', '900': '#212121', - '1000': '#000000', - '1000': '#ffffff', }, 'Blue Grey': { @@ -313,4 +311,12 @@ module.exports = { '800': '#37474f', '900': '#263238', }, + + 'Black': { + '500': '#000000', + }, + + 'White': { + '500': '#ffffff', + }, } diff --git a/test/index.html b/test/index.html index 4f05f80..16befa7 100644 --- a/test/index.html +++ b/test/index.html @@ -5000,24 +5000,6 @@

Grey

- - - palette('Grey', '1000') - - - palette(Grey, 1000) - - - .palette('Grey'; '1000') - - - palette-Grey-1000 - - - palette.get('Grey', '1000') - - -

Blue Grey

@@ -5232,6 +5214,106 @@

Blue Grey

+

Black

+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
stylussasslesscssjs
+ palette('Black') + + palette(Black) + + .palette('Black') + + palette-Black + + palette.get('Black') +
+ palette('Black', '500') + + palette(Black, 500) + + .palette('Black'; '500') + + palette-Black-500 + + palette.get('Black', '500') +
+ +

White

+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
stylussasslesscssjs
+ palette('White') + + palette(White) + + .palette('White') + + palette-White + + palette.get('White') +
+ palette('White', '500') + + palette(White, 500) + + .palette('White'; '500') + + palette-White-500 + + palette.get('White', '500') +
+