Merge pull request #1627 from tailwindcss/alpha-colors

Add opacity modifiers for color utilities
tailwindlabs · Apr 26, 2020 · 857e2d3 · 857e2d3
2 parents 30e0cb1 + f94e2c3
commit 857e2d3
Show file tree

Hide file tree

Showing 25 changed files with 24,761 additions and 521 deletions.
diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css
diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css
diff --git a/__tests__/flattenColorPalette.test.js b/__tests__/flattenColorPalette.test.js
@@ -0,0 +1,45 @@
+import flattenColorPalette from '../src/util/flattenColorPalette'
+
+test('it flattens nested color objects', () => {
+  expect(
+    flattenColorPalette({
+      purple: 'purple',
+      white: {
+        25: 'rgba(255,255,255,.25)',
+        50: 'rgba(255,255,255,.5)',
+        75: 'rgba(255,255,255,.75)',
+        default: '#fff',
+      },
+      red: {
+        1: 'rgb(33,0,0)',
+        2: 'rgb(67,0,0)',
+        3: 'rgb(100,0,0)',
+      },
+      green: {
+        1: 'rgb(0,33,0)',
+        2: 'rgb(0,67,0)',
+        3: 'rgb(0,100,0)',
+      },
+      blue: {
+        1: 'rgb(0,0,33)',
+        2: 'rgb(0,0,67)',
+        3: 'rgb(0,0,100)',
+      },
+    })
+  ).toEqual({
+    purple: 'purple',
+    'white-25': 'rgba(255,255,255,.25)',
+    'white-50': 'rgba(255,255,255,.5)',
+    'white-75': 'rgba(255,255,255,.75)',
+    white: '#fff',
+    'red-1': 'rgb(33,0,0)',
+    'red-2': 'rgb(67,0,0)',
+    'red-3': 'rgb(100,0,0)',
+    'green-1': 'rgb(0,33,0)',
+    'green-2': 'rgb(0,67,0)',
+    'green-3': 'rgb(0,100,0)',
+    'blue-1': 'rgb(0,0,33)',
+    'blue-2': 'rgb(0,0,67)',
+    'blue-3': 'rgb(0,0,100)',
+  })
+})
diff --git a/__tests__/plugins/backgroundColor.test.js b/__tests__/plugins/backgroundColor.test.js
diff --git a/__tests__/plugins/borderColor.test.js b/__tests__/plugins/borderColor.test.js
diff --git a/__tests__/plugins/divideColor.test.js b/__tests__/plugins/divideColor.test.js
diff --git a/__tests__/plugins/fill.test.js b/__tests__/plugins/fill.test.js