sass-material-colors 0.0.3 → 0.0.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: b2c9ca76fb410fac6d0f990f6646222130249c9b
-  data.tar.gz: c747abf4bd00bc87075d25c67480d481b493509e
+  metadata.gz: 4cba80d391b4e7a2290b9ccd0017ee274d3bd709
+  data.tar.gz: e8e63ad49e4ab0816bfa2d75d0d58645d32f3ee1
 SHA512:
-  metadata.gz: babff9b71f30fefc06fd565a4eebe63ac11118d76df2eed94c16d36c135ddb1c086a7f9f850b86ccdce699587775b325dbc78bb9410fd8b8058f3679dd530ccf
-  data.tar.gz: 7e27411c801d7bcdd8f762905b6c048a53ae5eb57e928edf932089d093cc4c00858aa1e2f05efb091991765a20553ddaf569662627fe9da1a45cc3770fb9d7a8
+  metadata.gz: c567dcd51e03a447226236ded508143265393cbd8023557716dbfc61edd12dcfec7fe528e2b334bfc1e4188c3dfa7067e097ba3264c137ba1deb5500ac285923
+  data.tar.gz: 1eccd676e0096712b65acd93a8251e69b90b4af323e77443290d818154fc387a341623f348cd57a11130e63b0c64ebb5ba69f23084512b76bf66e08fbbabfa77

data/.npmignore

@@ -0,0 +1,12 @@
+.gitignore
+pkg/
+bin/
+sass-material-colors.gemspec
+bower.json
+CONTRIBUTING.md
+features/
+LICENSE.txt
+lib/
+Gemfile
+Gemfile.lock
+Rakefile

data/README.md

@@ -42,14 +42,17 @@ The `material-color` function allows you to easily reference any color in the `_
 ```sass
 // Sass
 .my-cool-element
-  color: material-color(cyan, 400)
-  background: material-color(blue-grey, 600)
+  color: material-color('cyan', '400')
+  background: material-color('blue-grey', '600')
 ```
 
 The `material-color` function takes 2 arguments:
 
-- `$color-name` **(Required)** [String]: Lower-case, dasherized color name from Google's [palette](http://www.google.com/design/spec/style/color.html#color-color-palette) (e.g. `pink`, `amber`, `blue-grey`, `deep-orange`, etc.)
-- `$color-variant` _(optional)_ [String. Default value: `500`]: Lower-case color variant number/code from Google's [palette](http://www.google.com/design/spec/style/color.html#color-color-palette) (e.g. `300`, `200`, `a100`, `a400`, etc.)
+##### `$color-name` String (quoted), Required
+> Lower-case, dasherized color name from Google's [palette](http://www.google.com/design/spec/style/color.html#color-color-palette) (e.g. `'pink'`, `'amber'`, `'blue-grey'`, `'deep-orange'`, etc.)  
+
+##### `$color-variant` String (quoted), Optional [Default value: `500`]
+> Lower-case color variant number/code from Google's [palette](http://www.google.com/design/spec/style/color.html#color-color-palette) (e.g. `'300'`, `'200'`, `'a100'`, `'a400'`, etc.)
 
 ### Predefined Sass Placeholder Selectors
 

data/bower.json

@@ -0,0 +1,39 @@
+{
+  "name": "sass-material-colors",
+  "version": "0.0.4",
+  "homepage": "https://github.com/minusfive/sass-material-colors",
+  "repository": "https://github.com/minusfive/sass-material-colors",
+  "authors": [
+    "minusfive <mail@minusfive.com>"
+  ],
+  "description": "Google's Material Design colors for Sass/Scss",
+  "main": "sass/_sass-material-colors.scss",
+  "keywords": [
+    "sass",
+    "scss",
+    "material",
+    "colors",
+    "functions",
+    "placeholders",
+    "extensions"
+  ],
+  "license": "MIT",
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests",
+    "bin",
+    "pkg",
+    "sass-material-colors.gemspec",
+    "CONTRIBUTING.md",
+    "features",
+    "LICENSE.txt",
+    "lib",
+    "Gemfile",
+    "Gemfile.lock",
+    "package.json",
+    "Rakefile"
+  ]
+}

data/lib/sass-material-colors/version.rb

@@ -1,3 +1,3 @@
 module SassMaterialColors
-  VERSION = "0.0.3"
+  VERSION = "0.0.4"
 end

data/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "sass-material-colors",
+  "version": "0.0.4",
+  "description": "Google's Material Design colors for Sass/Scss",
+  "main": "sass/_sass-material-colors.scss",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/minusfive/sass-material-colors.git"
+  },
+  "keywords": [
+    "sass",
+    "scss",
+    "material",
+    "colors",
+    "functions",
+    "placeholder",
+    "extensions"
+  ],
+  "author": "minusfive <mail@minusfive.com>",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/minusfive/sass-material-colors/issues"
+  },
+  "homepage": "https://github.com/minusfive/sass-material-colors"
+}

data/sass/_sass-material-colors-classes.scss

@@ -2,10 +2,10 @@
 
 @each $color-name, $color-variants in $material-colors {
   @each $color-variant, $hex-value in $color-variants {
-      .color-#{'' + $color-name}-#{'' + $color-variant} {
+      .color-#{$color-name}-#{$color-variant} {
         color: #{$hex-value}
       }
-      .bg-color-#{'' + $color-name}-#{'' + $color-variant} {
+      .bg-color-#{$color-name}-#{$color-variant} {
         background-color: #{$hex-value}
       }
   }

data/sass/_sass-material-colors-function.scss

@@ -1,5 +1,20 @@
 @import 'sass-material-colors-map';
 // Inspired by https://github.com/nilskaspersson/Google-Material-UI-Color-Palette/
-@function material-color($color-name, $color-variant: 500) {
-  @return map-get(map-get($material-colors, $color-name),$color-variant)
+/**
+ * Retrieves a color value from the $material-colors Sass map
+ *
+ * @function
+ * @param {string} color-name             - quoted, lower-case, dasherized color
+ *                                          name (e.g. 'pink', 'amber')
+ * @param {string} [color-variant='500']  - quoted, lowercase color variant (e.g.
+ *                                          '200', 'a100')
+ */
+@function material-color($color-name, $color-variant: '500') {
+  $color: map-get(map-get($material-colors, $color-name),$color-variant);
+  @if $color {
+    @return $color;
+  } @else {
+    // Libsass still doesn't seem to support @error
+    @warn "=> ERROR: COLOR NOT FOUND! <= | Your $color-name, $color-variant combination did not match any of the values in the $material-colors map.";
+  }
 }

data/sass/_sass-material-colors-map.scss

@@ -1,314 +1,314 @@
 // Inspired by https://github.com/nilskaspersson/Google-Material-UI-Color-Palette/
 $material-colors: (
-  red: (
-    50: #ffebee,
-    100: #ffcdd2,
-    200: #ef9a9a,
-    300: #e57373,
-    400: #ef5350,
-    500: #f44336,
-    600: #e53935,
-    700: #d32f2f,
-    800: #c62828,
-    900: #b71c1c,
-    a100: #ff8a80,
-    a200: #ff5252,
-    a400: #ff1744,
-    a700: #d50000
+  'red': (
+    '50': #ffebee,
+    '100': #ffcdd2,
+    '200': #ef9a9a,
+    '300': #e57373,
+    '400': #ef5350,
+    '500': #f44336,
+    '600': #e53935,
+    '700': #d32f2f,
+    '800': #c62828,
+    '900': #b71c1c,
+    'a100': #ff8a80,
+    'a200': #ff5252,
+    'a400': #ff1744,
+    'a700': #d50000
   ),
 
-  pink: (
-    50: #fce4ec,
-    100: #f8bbd0,
-    200: #f48fb1,
-    300: #f06292,
-    400: #ec407a,
-    500: #e91e63,
-    600: #d81b60,
-    700: #c2185b,
-    800: #ad1457,
-    900: #880e4f,
-    a100: #ff80ab,
-    a200: #ff4081,
-    a400: #f50057,
-    a700: #c51162
+  'pink': (
+    '50': #fce4ec,
+    '100': #f8bbd0,
+    '200': #f48fb1,
+    '300': #f06292,
+    '400': #ec407a,
+    '500': #e91e63,
+    '600': #d81b60,
+    '700': #c2185b,
+    '800': #ad1457,
+    '900': #880e4f,
+    'a100': #ff80ab,
+    'a200': #ff4081,
+    'a400': #f50057,
+    'a700': #c51162
   ),
 
-  purple: (
-    50: #f3e5f5,
-    100: #e1bee7,
-    200: #ce93d8,
-    300: #ba68c8,
-    400: #ab47bc,
-    500: #9c27b0,
-    600: #8e24aa,
-    700: #7b1fa2,
-    800: #6a1b9a,
-    900: #4a148c,
-    a100: #ea80fc,
-    a200: #e040fb,
-    a400: #d500f9,
-    a700: #aa00ff
+  'purple': (
+    '50': #f3e5f5,
+    '100': #e1bee7,
+    '200': #ce93d8,
+    '300': #ba68c8,
+    '400': #ab47bc,
+    '500': #9c27b0,
+    '600': #8e24aa,
+    '700': #7b1fa2,
+    '800': #6a1b9a,
+    '900': #4a148c,
+    'a100': #ea80fc,
+    'a200': #e040fb,
+    'a400': #d500f9,
+    'a700': #aa00ff
   ),
 
-  deep-purple: (
-    50: #ede7f6,
-    100: #d1c4e9,
-    200: #b39ddb,
-    300: #9575cd,
-    400: #7e57c2,
-    500: #673ab7,
-    600: #5e35b1,
-    700: #512da8,
-    800: #4527a0,
-    900: #311b92,
-    a100: #b388ff,
-    a200: #7c4dff,
-    a400: #651fff,
-    a700: #6200ea
+  'deep-purple': (
+    '50': #ede7f6,
+    '100': #d1c4e9,
+    '200': #b39ddb,
+    '300': #9575cd,
+    '400': #7e57c2,
+    '500': #673ab7,
+    '600': #5e35b1,
+    '700': #512da8,
+    '800': #4527a0,
+    '900': #311b92,
+    'a100': #b388ff,
+    'a200': #7c4dff,
+    'a400': #651fff,
+    'a700': #6200ea
   ),
 
-  indigo: (
-    50: #e8eaf6,
-    100: #c5cae9,
-    200: #9fa8da,
-    300: #7986cb,
-    400: #5c6bc0,
-    500: #3f51b5,
-    600: #3949ab,
-    700: #303f9f,
-    800: #283593,
-    900: #1a237e,
-    a100: #8c9eff,
-    a200: #536dfe,
-    a400: #3d5afe,
-    a700: #304ffe
+  'indigo': (
+    '50': #e8eaf6,
+    '100': #c5cae9,
+    '200': #9fa8da,
+    '300': #7986cb,
+    '400': #5c6bc0,
+    '500': #3f51b5,
+    '600': #3949ab,
+    '700': #303f9f,
+    '800': #283593,
+    '900': #1a237e,
+    'a100': #8c9eff,
+    'a200': #536dfe,
+    'a400': #3d5afe,
+    'a700': #304ffe
   ),
 
-  blue: (
-    50: #e3f2fd,
-    100: #bbdefb,
-    200: #90caf9,
-    300: #64b5f6,
-    400: #42a5f5,
-    500: #2196f3,
-    600: #1e88e5,
-    700: #1976d2,
-    800: #1565c0,
-    900: #0d47a1,
-    a100: #82b1ff,
-    a200: #448aff,
-    a400: #2979ff,
-    a700: #2962ff
+  'blue': (
+    '50': #e3f2fd,
+    '100': #bbdefb,
+    '200': #90caf9,
+    '300': #64b5f6,
+    '400': #42a5f5,
+    '500': #2196f3,
+    '600': #1e88e5,
+    '700': #1976d2,
+    '800': #1565c0,
+    '900': #0d47a1,
+    'a100': #82b1ff,
+    'a200': #448aff,
+    'a400': #2979ff,
+    'a700': #2962ff
   ),
 
-  light-blue: (
-    50: #e1f5fe,
-    100: #b3e5fc,
-    200: #81d4fa,
-    300: #4fc3f7,
-    400: #29b6f6,
-    500: #03a9f4,
-    600: #039be5,
-    700: #0288d1,
-    800: #0277bd,
-    900: #01579b,
-    a100: #80d8ff,
-    a200: #40c4ff,
-    a400: #00b0ff,
-    a700: #0091ea
+  'light-blue': (
+    '50': #e1f5fe,
+    '100': #b3e5fc,
+    '200': #81d4fa,
+    '300': #4fc3f7,
+    '400': #29b6f6,
+    '500': #03a9f4,
+    '600': #039be5,
+    '700': #0288d1,
+    '800': #0277bd,
+    '900': #01579b,
+    'a100': #80d8ff,
+    'a200': #40c4ff,
+    'a400': #00b0ff,
+    'a700': #0091ea
   ),
 
-  cyan: (
-    50: #e0f7fa,
-    100: #b2ebf2,
-    200: #80deea,
-    300: #4dd0e1,
-    400: #26c6da,
-    500: #00bcd4,
-    600: #00acc1,
-    700: #0097a7,
-    800: #00838f,
-    900: #006064,
-    a100: #84ffff,
-    a200: #18ffff,
-    a400: #00e5ff,
-    a700: #00b8d4
+  'cyan': (
+    '50': #e0f7fa,
+    '100': #b2ebf2,
+    '200': #80deea,
+    '300': #4dd0e1,
+    '400': #26c6da,
+    '500': #00bcd4,
+    '600': #00acc1,
+    '700': #0097a7,
+    '800': #00838f,
+    '900': #006064,
+    'a100': #84ffff,
+    'a200': #18ffff,
+    'a400': #00e5ff,
+    'a700': #00b8d4
   ),
 
-  teal: (
-    50: #e0f2f1,
-    100: #b2dfdb,
-    200: #80cbc4,
-    300: #4db6ac,
-    400: #26a69a,
-    500: #009688,
-    600: #00897b,
-    700: #00796b,
-    800: #00695c,
-    900: #004d40,
-    a100: #a7ffeb,
-    a200: #64ffda,
-    a400: #1de9b6,
-    a700: #00bfa5
+  'teal': (
+    '50': #e0f2f1,
+    '100': #b2dfdb,
+    '200': #80cbc4,
+    '300': #4db6ac,
+    '400': #26a69a,
+    '500': #009688,
+    '600': #00897b,
+    '700': #00796b,
+    '800': #00695c,
+    '900': #004d40,
+    'a100': #a7ffeb,
+    'a200': #64ffda,
+    'a400': #1de9b6,
+    'a700': #00bfa5
   ),
 
-  green: (
-    50: #e8f5e9,
-    100: #c8e6c9,
-    200: #a5d6a7,
-    300: #81c784,
-    400: #66bb6a,
-    500: #4caf50,
-    600: #43a047,
-    700: #388e3c,
-    800: #2e7d32,
-    900: #1b5e20,
-    a100: #b9f6ca,
-    a200: #69f0ae,
-    a400: #00e676,
-    a700: #00c853
+  'green': (
+    '50': #e8f5e9,
+    '100': #c8e6c9,
+    '200': #a5d6a7,
+    '300': #81c784,
+    '400': #66bb6a,
+    '500': #4caf50,
+    '600': #43a047,
+    '700': #388e3c,
+    '800': #2e7d32,
+    '900': #1b5e20,
+    'a100': #b9f6ca,
+    'a200': #69f0ae,
+    'a400': #00e676,
+    'a700': #00c853
   ),
 
-  light-green: (
-    50: #f1f8e9,
-    100: #dcedc8,
-    200: #c5e1a5,
-    300: #aed581,
-    400: #9ccc65,
-    500: #8bc34a,
-    600: #7cb342,
-    700: #689f38,
-    800: #558b2f,
-    900: #33691e,
-    a100: #ccff90,
-    a200: #b2ff59,
-    a400: #76ff03,
-    a700: #64dd17
+  'light-green': (
+    '50': #f1f8e9,
+    '100': #dcedc8,
+    '200': #c5e1a5,
+    '300': #aed581,
+    '400': #9ccc65,
+    '500': #8bc34a,
+    '600': #7cb342,
+    '700': #689f38,
+    '800': #558b2f,
+    '900': #33691e,
+    'a100': #ccff90,
+    'a200': #b2ff59,
+    'a400': #76ff03,
+    'a700': #64dd17
   ),
 
-  lime: (
-    50: #f9fbe7,
-    100: #f0f4c3,
-    200: #e6ee9c,
-    300: #dce775,
-    400: #d4e157,
-    500: #cddc39,
-    600: #c0ca33,
-    700: #afb42b,
-    800: #9e9d24,
-    900: #827717,
-    a100: #f4ff81,
-    a200: #eeff41,
-    a400: #c6ff00,
-    a700: #aeea00
+  'lime': (
+    '50': #f9fbe7,
+    '100': #f0f4c3,
+    '200': #e6ee9c,
+    '300': #dce775,
+    '400': #d4e157,
+    '500': #cddc39,
+    '600': #c0ca33,
+    '700': #afb42b,
+    '800': #9e9d24,
+    '900': #827717,
+    'a100': #f4ff81,
+    'a200': #eeff41,
+    'a400': #c6ff00,
+    'a700': #aeea00
   ),
 
-  yellow: (
-    50: #fffde7,
-    100: #fff9c4,
-    200: #fff59d,
-    300: #fff176,
-    400: #ffee58,
-    500: #ffeb3b,
-    600: #fdd835,
-    700: #fbc02d,
-    800: #f9a825,
-    900: #f57f17,
-    a100: #ffff8d,
-    a200: #ffff00,
-    a400: #ffea00,
-    a700: #ffd600
+  'yellow': (
+    '50': #fffde7,
+    '100': #fff9c4,
+    '200': #fff59d,
+    '300': #fff176,
+    '400': #ffee58,
+    '500': #ffeb3b,
+    '600': #fdd835,
+    '700': #fbc02d,
+    '800': #f9a825,
+    '900': #f57f17,
+    'a100': #ffff8d,
+    'a200': #ffff00,
+    'a400': #ffea00,
+    'a700': #ffd600
   ),
 
-  amber: (
-    50: #fff8e1,
-    100: #ffecb3,
-    200: #ffe082,
-    300: #ffd54f,
-    400: #ffca28,
-    500: #ffc107,
-    600: #ffb300,
-    700: #ffa000,
-    800: #ff8f00,
-    900: #ff6f00,
-    a100: #ffe57f,
-    a200: #ffd740,
-    a400: #ffc400,
-    a700: #ffab00
+  'amber': (
+    '50': #fff8e1,
+    '100': #ffecb3,
+    '200': #ffe082,
+    '300': #ffd54f,
+    '400': #ffca28,
+    '500': #ffc107,
+    '600': #ffb300,
+    '700': #ffa000,
+    '800': #ff8f00,
+    '900': #ff6f00,
+    'a100': #ffe57f,
+    'a200': #ffd740,
+    'a400': #ffc400,
+    'a700': #ffab00
   ),
 
-  orange: (
-    50: #fff3e0,
-    100: #ffe0b2,
-    200: #ffcc80,
-    300: #ffb74d,
-    400: #ffa726,
-    500: #ff9800,
-    600: #fb8c00,
-    700: #f57c00,
-    800: #ef6c00,
-    900: #e65100,
-    a100: #ffd180,
-    a200: #ffab40,
-    a400: #ff9100,
-    a700: #ff6d00
+  'orange': (
+    '50': #fff3e0,
+    '100': #ffe0b2,
+    '200': #ffcc80,
+    '300': #ffb74d,
+    '400': #ffa726,
+    '500': #ff9800,
+    '600': #fb8c00,
+    '700': #f57c00,
+    '800': #ef6c00,
+    '900': #e65100,
+    'a100': #ffd180,
+    'a200': #ffab40,
+    'a400': #ff9100,
+    'a700': #ff6d00
   ),
 
-  deep-orange: (
-    50: #fbe9e7,
-    100: #ffccbc,
-    200: #ffab91,
-    300: #ff8a65,
-    400: #ff7043,
-    500: #ff5722,
-    600: #f4511e,
-    700: #e64a19,
-    800: #d84315,
-    900: #bf360c,
-    a100: #ff9e80,
-    a200: #ff6e40,
-    a400: #ff3d00,
-    a700: #dd2c00
+  'deep-orange': (
+    '50': #fbe9e7,
+    '100': #ffccbc,
+    '200': #ffab91,
+    '300': #ff8a65,
+    '400': #ff7043,
+    '500': #ff5722,
+    '600': #f4511e,
+    '700': #e64a19,
+    '800': #d84315,
+    '900': #bf360c,
+    'a100': #ff9e80,
+    'a200': #ff6e40,
+    'a400': #ff3d00,
+    'a700': #dd2c00
   ),
 
-  brown: (
-    50: #efebe9,
-    100: #d7ccc8,
-    200: #bcaaa4,
-    300: #a1887f,
-    400: #8d6e63,
-    500: #795548,
-    600: #6d4c41,
-    700: #5d4037,
-    800: #4e342e,
-    900: #3e2723
+  'brown': (
+    '50': #efebe9,
+    '100': #d7ccc8,
+    '200': #bcaaa4,
+    '300': #a1887f,
+    '400': #8d6e63,
+    '500': #795548,
+    '600': #6d4c41,
+    '700': #5d4037,
+    '800': #4e342e,
+    '900': #3e2723
   ),
 
-  grey: (
-    50: #fafafa,
-    100: #f5f5f5,
-    200: #eeeeee,
-    300: #e0e0e0,
-    400: #bdbdbd,
-    500: #9e9e9e,
-    600: #757575,
-    700: #616161,
-    800: #424242,
-    900: #212121
+  'grey': (
+    '50': #fafafa,
+    '100': #f5f5f5,
+    '200': #eeeeee,
+    '300': #e0e0e0,
+    '400': #bdbdbd,
+    '500': #9e9e9e,
+    '600': #757575,
+    '700': #616161,
+    '800': #424242,
+    '900': #212121
   ),
 
-  blue-grey: (
-    50: #eceff1,
-    100: #cfd8dc,
-    200: #b0bec5,
-    300: #90a4ae,
-    400: #78909c,
-    500: #607d8b,
-    600: #546e7a,
-    700: #455a64,
-    800: #37474f,
-    900: #263238,
-    1000: #11171a
+  'blue-grey': (
+    '50': #eceff1,
+    '100': #cfd8dc,
+    '200': #b0bec5,
+    '300': #90a4ae,
+    '400': #78909c,
+    '500': #607d8b,
+    '600': #546e7a,
+    '700': #455a64,
+    '800': #37474f,
+    '900': #263238,
+    '1000': #11171a
   )
 );

data/sass/_sass-material-colors-placeholders.scss

@@ -2,10 +2,10 @@
 
 @each $color-name, $color-variants in $material-colors {
   @each $color-variant, $hex-value in $color-variants {
-      %color-#{'' + $color-name}-#{'' + $color-variant} {
+      %color-#{$color-name}-#{$color-variant} {
         color: #{$hex-value}
       }
-      %bg-color-#{'' + $color-name}-#{'' + $color-variant} {
+      %bg-color-#{$color-name}-#{$color-variant} {
         background-color: #{$hex-value}
       }
   }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: sass-material-colors
 version: !ruby/object:Gem::Version
-  version: 0.0.3
+  version: 0.0.4
 platform: ruby
 authors:
 - minusfive
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-12-01 00:00:00.000000000 Z
+date: 2014-12-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -47,13 +47,16 @@ extensions: []
 extra_rdoc_files: []
 files:
 - ".gitignore"
+- ".npmignore"
 - CONTRIBUTING.md
 - Gemfile
 - LICENSE.txt
 - README.md
 - Rakefile
+- bower.json
 - lib/sass-material-colors.rb
 - lib/sass-material-colors/version.rb
+- package.json
 - sass-material-colors.gemspec
 - sass/_sass-material-colors-classes.scss
 - sass/_sass-material-colors-function.scss