amorfo77/sogo
1
0
Fork 0
mirror of https://github.com/inverse-inc/sogo.git synced 2026-08-04 14:42:19 +00:00
Code Issues Projects Releases Wiki Activity

(css) Fix breakpoints

Browse Source
This commit is contained in:
Francis Lachapelle
2016-07-21 14:35:33 -04:00
parent 5ad962d7b2
commit e804e5b7c0
3 changed files with 22 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
UI/WebServerResources/scss/core/variables.scss
+18
View File
@@ -64,6 +64,24 @@ $touch-zone: $touch-zone-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
/**
* Breakpoint: 0 600px 960px 1024px 1280px
* ├───────────────────┼─────────┼─────────┼───────────┼─────────>
* Slice : xs · sm · md · lg . xl
* · · · · ·
* · · · at(md) · ·
* · · ├─────────┤ ·
* · · · · ·
* · · · from(md) · ·
* · · ├───────────────────────────────>
* · · · ·
* · · to(md) · ·
* ├─────────────────────────────────────────┤ ·
* · ·
* · between(sm, lg) ·
* ├───────────────────────────────┤
*/
$layout-breakpoint-xs: 600px !default;
$layout-breakpoint-sm: 960px !default;
$layout-breakpoint-md: 1280px !default;