Removes withOpacity helper

willans · willans · commit a214821cbbc3 · 2022-10-04T16:00:45.000+01:00
CSS vars with opacity supported in TW 3.1
diff --git a/resources/assets/css/helpers.js b/resources/assets/css/helpers.js
@@ -5,14 +5,5 @@ module.exports = {
 	ratio: (x, y) => `${y / x * 100}%`,
 	relative: (px, unit = 'rem', base = variables['browser-default-font-size']) =>
 		`${px / base}${unit}`,
-	withOpacity: (variableName) => {
-		return ({ opacityValue }) => {
-			if (opacityValue !== undefined) {
-				return `rgba(var(${variableName}), ${opacityValue})`;
-			}
-
-			return `rgba(var(${variableName}))`;
-		};
-	},
 	variables,
 };
diff --git a/resources/assets/css/tailwind.config.js b/resources/assets/css/tailwind.config.js
@@ -1,5 +1,5 @@
 const { src } = require('../../../build/helpers');
-const { relative, variables, withOpacity } = require('./helpers');
+const { relative, variables } = require('./helpers');
 
 // tailwind settings
 module.exports = {
@@ -32,7 +32,6 @@ module.exports = {
 			green: '#22c55e',
 			red: '#ef4444',
 			focus: '#3b82f6',
-			sample: withOpacity('--sample'),
 		},
 		fontFamily: {
 			body: ['custom-body', 'Helvetica', 'sans-serif'],
