From b215298a863910fb3a172b5d8215fad2abde1b9d Mon Sep 17 00:00:00 2001
From: Joey Perrott <josephperrott@gmail.com>
Date: Mon, 8 Jan 2018 09:14:15 -0800
Subject: [PATCH] fix(card,tabs,toolbar): Change media query breakpoints to
 properly respect material guidelines.

---
 src/lib/core/style/_variables.scss | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/lib/core/style/_variables.scss b/src/lib/core/style/_variables.scss
index f3cdbecd2128..9366df24ced4 100644
--- a/src/lib/core/style/_variables.scss
+++ b/src/lib/core/style/_variables.scss
@@ -1,8 +1,7 @@
 // Media queries
-// TODO: Find a way to respect media query ranges.
-// TODO: For example the xs-breakpoint should not interfere with the sm-breakpoint.
-$mat-xsmall: 'max-width: 600px';
-$mat-small: 'max-width: 960px';
+// TODO(josephperrott): Change $mat-xsmall and $mat-small usages to rely on BreakpointObserver,
+$mat-xsmall: 'max-width: 599px';
+$mat-small: 'max-width: 959px';
 
 // TODO(crisbeto): this isn't being used anywhere within Material. keeping for backwards compat.
 $mat-font-family: Roboto, 'Helvetica Neue', sans-serif !default;