Add breakpoints management librairies

Add grunt-contrib-compass (required)
Edit gruntfile.js (add compass tasks)

--don't forget to update bower components
This commit is contained in:
Benoit Favreault
2015-03-24 04:04:59 -04:00
committed by Francis Lachapelle
parent 6153e88f62
commit 818af41ea6
6 changed files with 156 additions and 107 deletions
+11 -1
View File
@@ -49,15 +49,25 @@ $md-base-margin: $layout-gutter-width;
// alias
$mg: $layout-gutter-width;
// angular-material share breakpoint values between sass and js files (/core/constant.js)
// we might consider using a sass library to import values as json single source for both
$layout-breakpoint-sm: 600px !default;
$layout-breakpoint-md: 960px !default;
$layout-breakpoint-lg: 1200px !default;
// Redefinitions
// $layout-breakpoint-sm: 360px;
$layout-breakpoint-md: 1025px;
$layout-breakpoint-md: 1024px;
$layout-breakpoint-lg: 1280px;
// Passing to breakpoint-slicer
$slicer-breakpoints: 0 $layout-breakpoint-sm $layout-breakpoint-md $layout-breakpoint-lg;
$slicer-breakpoint-names: 'phones' 'tablets' 'laptops' 'desktops';
$media-pointer: (pointer fine);
// App bar variables
$app-bar-height: $sg-md-grid-pitch;