Merge pull request #431 from Lucassifoni/master

Adds docs for supported lost-utility:edit values, adds test for lower…
peterramsing · Nov 26, 2018 · 78be8b8 · 78be8b8
2 parents ec67f1d + 126f4c7
commit 78be8b8
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/docs/_docs/lost-utility.md b/docs/_docs/lost-utility.md
@@ -9,6 +9,12 @@ rules:
     description: "This will add a semi-transparent overlay "
   - rule: "edit rgb(r,g,b)"
     description: "Will use a custom color for the edit overlay"
+  - rule: "edit rgba(r,g,b,a)"
+    description: "Will use a custom color for the edit overlay. Alpha value is discarded and fixed at 0.1"
+  - rule: "edit #09AF00"
+    description: "Will use a custom color for the edit overlay."
+  - rule: "edit #09AF00BB"
+    description: "Will use a custom color for the edit overlay. Alpha value is discarded and fixed at 0.1"
   - rule: "clearfix"
     description: "Adds a clearfix mixin."
   - rule: "overlay [max-width] [columns] [gutter] [color]"
@@ -21,7 +27,11 @@ section {
 }
 
 div {
+  /* Those four rules have the same effect : */
   lost-utility: edit rgb(15, 150, 25);
+  lost-utility: edit rgba(15, 150, 25, 0.5);
+  lost-utility: edit #0F9619;
+  lost-utility: edit #0F961955;
 }
 
 body {

diff --git a/test/lu-utility.js b/test/lu-utility.js
@@ -46,6 +46,7 @@ describe('safeHexToRgb', () => {
     expect(utils.safeHexToRgb('F000')).to.deep.equal([255, 0, 0]);
     expect(utils.safeHexToRgb('FF0000')).to.deep.equal([255, 0, 0]);
     expect(utils.safeHexToRgb('FF000000')).to.deep.equal([255, 0, 0]);
+    expect(utils.safeHexToRgb('ff0000')).to.deep.equal([255, 0, 0]);
     expect(utils.safeHexToRgb('Languedoc-roussillon')).to.deep.equal(
       defaultBlue
     );