From ea59c3c31a2c0e808718ea2bf31951f58e17d457 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 8 Jul 2014 01:28:15 -0700 Subject: [PATCH] Drop: @screen-table, @screen-desktop, @screen-lg-desktop, @screen-sm, @screen-md, @screen-lg --- less/variables.less | 28 +++++++--------------------- 1 file changed, 7 insertions(+), 21 deletions(-) diff --git a/less/variables.less b/less/variables.less index 4111c45588..e17246268f 100644 --- a/less/variables.less +++ b/less/variables.less @@ -258,35 +258,21 @@ //== Media queries breakpoints // -//## Define the breakpoints at which your layout will change, adapting to different screen sizes. +//## Define the minimum and maximum dimensions at which your layout will change, adapting to different screen sizes. // Extra small screen / phone +@screen-xs-max: (@screen-sm-min - 1); // Small screen / tablet -//** Deprecated `@screen-sm` as of v3.0.1 -@screen-sm: 768px; -@screen-sm-min: @screen-sm; -//** Deprecated `@screen-tablet` as of v3.0.1 -@screen-tablet: @screen-sm-min; +@screen-sm-min: 768px; +@screen-sm-max: (@screen-md-min - 1); // Medium screen / desktop -//** Deprecated `@screen-md` as of v3.0.1 -@screen-md: 992px; -@screen-md-min: @screen-md; -//** Deprecated `@screen-desktop` as of v3.0.1 -@screen-desktop: @screen-md-min; +@screen-md-min: 992px; +@screen-md-max: (@screen-lg-min - 1); // Large screen / wide desktop -//** Deprecated `@screen-lg` as of v3.0.1 -@screen-lg: 1200px; -@screen-lg-min: @screen-lg; -//** Deprecated `@screen-lg-desktop` as of v3.0.1 -@screen-lg-desktop: @screen-lg-min; - -// So media queries don't overlap when required, provide a maximum -@screen-xs-max: (@screen-sm-min - 1); -@screen-sm-max: (@screen-md-min - 1); -@screen-md-max: (@screen-lg-min - 1); +@screen-lg-min: 1200px; //== Grid system