From baefda32c36e2bfef0061b26cf47a2ee0a39d4a3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jorge=20D=C3=ADaz?= <hal_1984@hotmail.com>
Date: Wed, 29 Aug 2018 02:33:14 +0200
Subject: [PATCH] fix(grid): working check for CSS custom variables in Safari
 (#15228)

---
 core/src/components/col/col.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/core/src/components/col/col.tsx b/core/src/components/col/col.tsx
index 1c6450b03c..de4171344a 100644
--- a/core/src/components/col/col.tsx
+++ b/core/src/components/col/col.tsx
@@ -2,7 +2,7 @@ import { Component, Element, Listen, Prop } from '@stencil/core';
 
 import { matchBreakpoint } from '../../utils/media';
 
-const SUPPORTS_VARS = !!(CSS && CSS.supports && CSS.supports('--a', '0'));
+const SUPPORTS_VARS = !!(CSS && CSS.supports && CSS.supports('--a: 0'));
 const BREAKPOINTS = ['', 'xs', 'sm', 'md', 'lg', 'xl'];
 
 @Component({