From 96478fb3d4895c7703b8eefeaaeac23624bb62a2 Mon Sep 17 00:00:00 2001 From: Jared Rethman Date: Fri, 13 Mar 2020 14:50:47 -0500 Subject: [PATCH] Removed :root wrapping around media queries --- assets/css/frontend/global/media-queries.css | 21 +++++++++----------- 1 file changed, 9 insertions(+), 12 deletions(-) diff --git a/assets/css/frontend/global/media-queries.css b/assets/css/frontend/global/media-queries.css index 015dc79..6e84686 100644 --- a/assets/css/frontend/global/media-queries.css +++ b/assets/css/frontend/global/media-queries.css @@ -1,16 +1,13 @@ /* * Media Queries */ -:root { +@custom-media --bp-tiny ( min-width: 25em ); /* 400px */ +@custom-media --bp-small ( min-width: 30em ); /* 480px */ +@custom-media --bp-medium ( min-width: 48em ); /* 768px */ +@custom-media --bp-large ( min-width: 64em ); /* 1024px */ +@custom-media --bp-xlarge ( min-width: 80em ); /* 1280px */ +@custom-media --bp-xxlarge ( min-width: 90em ); /* 1440px */ - @custom-media --bp-tiny ( min-width: 25em ); /* 400px */ - @custom-media --bp-small ( min-width: 30em ); /* 480px */ - @custom-media --bp-medium ( min-width: 48em ); /* 768px */ - @custom-media --bp-large ( min-width: 64em ); /* 1024px */ - @custom-media --bp-xlarge ( min-width: 80em ); /* 1280px */ - @custom-media --bp-xxlarge ( min-width: 90em ); /* 1440px */ - - /* WP Core Breakpoints (used for the admin bar for example) */ - @custom-media --wp-small ( min-width: 600px ); - @custom-media --wp-medium-max (max-width: 782px); -} +/* WP Core Breakpoints (used for the admin bar for example) */ +@custom-media --wp-small ( min-width: 600px ); +@custom-media --wp-medium-max (max-width: 782px);