forked from Neunerlei/sassy
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathConfig.sass
72 lines (63 loc) · 2.51 KB
/
Config.sass
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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
/**
* Created by Martin Neundorfer on 20.12.2018.
* For LABOR.digital
*/
// BREAKPOINTS
// ==================================================
// Min sizes
$sassyBreakpointXxsMin: 0 !default
$sassyBreakpointXsMin: 0 !default
$sassyBreakpointSmMin: 550px !default
$sassyBreakpointMdMin: 768px !default
$sassyBreakpointLgMin: 992px !default
$sassyBreakpointXlMin: 1200px !default
// Max sizes
$sassyBreakpointXxsMax: 300px !default
$sassyBreakpointXsMax: $sassyBreakpointSmMin - 1px !default
$sassyBreakpointSmMax: $sassyBreakpointMdMin - 1px !default
$sassyBreakpointMdMax: $sassyBreakpointLgMin - 1px !default
$sassyBreakpointLgMax: $sassyBreakpointXlMin - 1px !default
$sassyBreakpointXlMax: 999999px !default
// Service definition
// The name of the class that provides the breakpoint definition to the js counterpart
$sassyBreakpointServiceClass: sassy-breakpoint-service !default
// GRID
// ==================================================
// The number of columns used in the grid by default
// You can override this by using "of" in your gridItem options
$sassyGridColumns: 12 !default
// True to automatically create the flex-box order
$sassyAutoOrder: true !default
// The number of elements which get their order automatically set
$sassyAutoOrderLength: 4 !default
// The gutter for both the horizontal and vertical axis
// You can override this by using "offset" in your gridItem options
$sassyGutter: 30px !default
$sg: $sassyGutter !default // shortcut!
// Optional override to change the vertical
$sassyGutterVertical: $sassyGutter !default
$sgv: $sassyGutterVertical !default // shortcut!
$sassyGutterHorizontal: $sassyGutter !default
$sgh: $sassyGutterHorizontal !default // shortcut!
// Container sizes for the different breakpoints
$sassyContainerWidthXxs: 100% !default
$sassyContainerWidthXs: 100% !default
$sassyContainerWidthSm: 550px !default
$sassyContainerWidthMd: 720px !default
$sassyContainerWidthLg: 960px !default
$sassyContainerWidthXl: 1140px !default
// MARGINS
// ==================================================
$sassyMargin: 15px !default
$margin: $sassyMargin !default // shortcut!
$sassyMarginHorizontal: $sassyMargin !default
$sassyMarginVertical: $sassyMargin !default
// PADDINGS
// ==================================================
$sassyPadding: $sassyMargin / 3 !default
$sassyPaddingHorizontal: $sassyPadding !default
$sassyPaddingVertical: $sassyPadding !default
// SPACERS
// ==================================================
$sassySpacerBase: $sassyMargin !default
$sassySpacerMultipliers: 2 4 6 8 !default