-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path_settings.scss
38 lines (30 loc) · 1.09 KB
/
_settings.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
$base-path: '../assets/';
//Grid
$container-base-width: 1920px !default;
$grid-columns: 12 !default;
$grid-gutter: 30px !default;
// Fonts / Typography
$font-base: sans-serif !default;
$font-browser-context: 16px !default;
// Spacings, used to generate variants
$spacings: (5, 10, 15, 20, 25, 30, 50, 60, 75, 100, 120, 150, 200);
// Desktop context
$desktop-width: 1440px;
$desktop-height: 1440px;
$desktop-laptop-width: 1270px;
// Mobile / Tablet context
$tablet-width: 1050px;
$tablet-portrait-width: 715px;
$mobile-width: 576px;
$min715: "(min-width: 715px)";
$min1270: "(min-width: 1280px)";
$min1366: "(min-width: 1367px)";
$min1440: "(min-width: 1450px)";
$min1660: "(min-width: 1661px)";
$min1900: "(min-width: 1980px)";
$smart: "(min-width: #{$mobile-width}) and (max-width: #{$tablet-portrait-width - 1px})";
$tablet: "(min-width: #{$tablet-portrait-width}) and (max-width: #{$desktop-laptop-width - 1px})";
$mobile: "(max-width: #{$mobile-width - 1px})";
$mobile_all: "(max-width: #{$tablet-portrait-width - 1px})";
$land: "(orientation: landscape) and";
$port: "(orientation: portrait) and";