sparrow-jekyll-theme 0.1.1 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/LICENSE.txt +20 -20
- data/README.md +170 -178
- data/_includes/analytics.html +13 -13
- data/_includes/breadcrumbs.html +31 -31
- data/_includes/comments.html +26 -26
- data/_includes/figure +12 -12
- data/_includes/paginator.html +8 -69
- data/_includes/post-entry.html +15 -15
- data/_includes/seo.html +77 -77
- data/_includes/social-share.html +42 -42
- data/_includes/topnav.html +46 -46
- data/_layouts/default.html +46 -46
- data/_layouts/home.html +11 -11
- data/_layouts/page.html +16 -16
- data/_layouts/post.html +38 -38
- data/_sass/_base.scss +359 -359
- data/_sass/_buttons.scss +61 -61
- data/_sass/_footer.scss +53 -53
- data/_sass/_navigation.scss +216 -216
- data/_sass/_page.scss +60 -60
- data/_sass/_post.scss +85 -85
- data/_sass/_reset.scss +186 -186
- data/_sass/_rrssb.scss +276 -276
- data/_sass/_slimmenu.scss +177 -177
- data/_sass/_syntax.scss +125 -125
- data/_sass/_utilities.scss +67 -67
- data/_sass/_variables.scss +73 -73
- data/_sass/vendor/breakpoint/_breakpoint.scss +114 -114
- data/_sass/vendor/breakpoint/_context.scss +94 -94
- data/_sass/vendor/breakpoint/_helpers.scss +151 -151
- data/_sass/vendor/breakpoint/_legacy-settings.scss +49 -49
- data/_sass/vendor/breakpoint/_no-query.scss +15 -15
- data/_sass/vendor/breakpoint/_parsers.scss +215 -215
- data/_sass/vendor/breakpoint/_respond-to.scss +82 -82
- data/_sass/vendor/breakpoint/_settings.scss +70 -70
- data/_sass/vendor/breakpoint/parsers/_double.scss +33 -33
- data/_sass/vendor/breakpoint/parsers/_query.scss +82 -82
- data/_sass/vendor/breakpoint/parsers/_resolution.scss +31 -31
- data/_sass/vendor/breakpoint/parsers/_single.scss +26 -26
- data/_sass/vendor/breakpoint/parsers/_triple.scss +36 -36
- data/_sass/vendor/breakpoint/parsers/double/_default-pair.scss +21 -21
- data/_sass/vendor/breakpoint/parsers/double/_default.scss +22 -22
- data/_sass/vendor/breakpoint/parsers/double/_double-string.scss +21 -21
- data/_sass/vendor/breakpoint/parsers/resolution/_resolution.scss +60 -60
- data/_sass/vendor/breakpoint/parsers/single/_default.scss +13 -13
- data/_sass/vendor/breakpoint/parsers/triple/_default.scss +18 -18
- data/_sass/vendor/font-awesome/_animated.scss +34 -34
- data/_sass/vendor/font-awesome/_bordered-pulled.scss +25 -25
- data/_sass/vendor/font-awesome/_core.scss +12 -12
- data/_sass/vendor/font-awesome/_fixed-width.scss +6 -6
- data/_sass/vendor/font-awesome/_font-awesome.scss +18 -18
- data/_sass/vendor/font-awesome/_icons.scss +789 -789
- data/_sass/vendor/font-awesome/_larger.scss +13 -13
- data/_sass/vendor/font-awesome/_list.scss +19 -19
- data/_sass/vendor/font-awesome/_mixins.scss +60 -60
- data/_sass/vendor/font-awesome/_path.scss +15 -15
- data/_sass/vendor/font-awesome/_rotated-flipped.scss +20 -20
- data/_sass/vendor/font-awesome/_screen-reader.scss +5 -5
- data/_sass/vendor/font-awesome/_stacked.scss +20 -20
- data/_sass/vendor/font-awesome/_variables.scss +800 -800
- data/_sass/vendor/susy/_su.scss +4 -4
- data/_sass/vendor/susy/_susy.scss +4 -4
- data/_sass/vendor/susy/_susyone.scss +4 -4
- data/_sass/vendor/susy/susy/_su.scss +7 -7
- data/_sass/vendor/susy/susy/language/_susy.scss +24 -24
- data/_sass/vendor/susy/susy/language/_susyone.scss +13 -13
- data/_sass/vendor/susy/susy/language/susy/_background.scss +385 -385
- data/_sass/vendor/susy/susy/language/susy/_bleed.scss +200 -200
- data/_sass/vendor/susy/susy/language/susy/_box-sizing.scss +47 -47
- data/_sass/vendor/susy/susy/language/susy/_breakpoint-plugin.scss +185 -185
- data/_sass/vendor/susy/susy/language/susy/_container.scss +81 -81
- data/_sass/vendor/susy/susy/language/susy/_context.scss +36 -36
- data/_sass/vendor/susy/susy/language/susy/_gallery.scss +94 -94
- data/_sass/vendor/susy/susy/language/susy/_grids.scss +64 -64
- data/_sass/vendor/susy/susy/language/susy/_gutters.scss +154 -154
- data/_sass/vendor/susy/susy/language/susy/_isolate.scss +77 -77
- data/_sass/vendor/susy/susy/language/susy/_margins.scss +94 -94
- data/_sass/vendor/susy/susy/language/susy/_padding.scss +74 -74
- data/_sass/vendor/susy/susy/language/susy/_rows.scss +138 -138
- data/_sass/vendor/susy/susy/language/susy/_settings.scss +216 -216
- data/_sass/vendor/susy/susy/language/susy/_span.scss +163 -163
- data/_sass/vendor/susy/susy/language/susy/_validation.scss +16 -16
- data/_sass/vendor/susy/susy/language/susyone/_background.scss +18 -18
- data/_sass/vendor/susy/susy/language/susyone/_functions.scss +377 -377
- data/_sass/vendor/susy/susy/language/susyone/_grid.scss +312 -312
- data/_sass/vendor/susy/susy/language/susyone/_isolation.scss +51 -51
- data/_sass/vendor/susy/susy/language/susyone/_margin.scss +93 -93
- data/_sass/vendor/susy/susy/language/susyone/_media.scss +105 -105
- data/_sass/vendor/susy/susy/language/susyone/_padding.scss +92 -92
- data/_sass/vendor/susy/susy/language/susyone/_settings.scss +60 -60
- data/_sass/vendor/susy/susy/output/_float.scss +9 -9
- data/_sass/vendor/susy/susy/output/_shared.scss +15 -15
- data/_sass/vendor/susy/susy/output/_support.scss +9 -9
- data/_sass/vendor/susy/susy/output/float/_container.scss +16 -16
- data/_sass/vendor/susy/susy/output/float/_end.scss +40 -40
- data/_sass/vendor/susy/susy/output/float/_isolate.scss +22 -22
- data/_sass/vendor/susy/susy/output/float/_span.scss +35 -35
- data/_sass/vendor/susy/susy/output/shared/_background.scss +26 -26
- data/_sass/vendor/susy/susy/output/shared/_container.scss +21 -21
- data/_sass/vendor/susy/susy/output/shared/_direction.scss +42 -42
- data/_sass/vendor/susy/susy/output/shared/_inspect.scss +25 -25
- data/_sass/vendor/susy/susy/output/shared/_margins.scss +23 -23
- data/_sass/vendor/susy/susy/output/shared/_output.scss +14 -14
- data/_sass/vendor/susy/susy/output/shared/_padding.scss +23 -23
- data/_sass/vendor/susy/susy/output/support/_background.scss +58 -58
- data/_sass/vendor/susy/susy/output/support/_box-sizing.scss +19 -19
- data/_sass/vendor/susy/susy/output/support/_clearfix.scss +18 -18
- data/_sass/vendor/susy/susy/output/support/_prefix.scss +19 -19
- data/_sass/vendor/susy/susy/output/support/_rem.scss +22 -22
- data/_sass/vendor/susy/susy/output/support/_support.scss +85 -85
- data/_sass/vendor/susy/susy/su/_grid.scss +103 -103
- data/_sass/vendor/susy/susy/su/_settings.scss +73 -73
- data/_sass/vendor/susy/susy/su/_utilities.scss +111 -111
- data/_sass/vendor/susy/susy/su/_validation.scss +57 -57
- data/assets/css/main.scss +43 -43
- data/assets/fonts/fontawesome-webfont.svg +2671 -2671
- data/assets/js/main.js +35 -35
- data/assets/js/plugins/jquery-1.12.4.min.js +4 -4
- data/assets/js/slimmenu.js +154 -154
- metadata +6 -6
@@ -1,36 +1,36 @@
|
|
1
|
-
// Context Syntax
|
2
|
-
// ==============
|
3
|
-
|
4
|
-
// Nested [function]
|
5
|
-
// -----------------
|
6
|
-
// Return a subset grid for nested context.
|
7
|
-
// - $context : <span>
|
8
|
-
@function nested(
|
9
|
-
$context
|
10
|
-
) {
|
11
|
-
$context : parse-span($context);
|
12
|
-
$span : susy-get(span, $context);
|
13
|
-
$location : get-location($context);
|
14
|
-
$columns : susy-get(columns, $context);
|
15
|
-
|
16
|
-
@return susy-slice($span, $location, $columns);
|
17
|
-
}
|
18
|
-
|
19
|
-
// Nested [mixin]
|
20
|
-
// --------------
|
21
|
-
// Use a subset grid for a nested context
|
22
|
-
// - $context : <span>
|
23
|
-
// - @content : <content>
|
24
|
-
@mixin nested(
|
25
|
-
$context
|
26
|
-
) {
|
27
|
-
$inspect : $context;
|
28
|
-
$context : parse-span($context);
|
29
|
-
$old : susy-get(columns);
|
30
|
-
$susy : map-merge($susy, (columns: nested($context))) !global;
|
31
|
-
|
32
|
-
@include susy-inspect(nested, $inspect);
|
33
|
-
@content;
|
34
|
-
|
35
|
-
$susy : map-merge($susy, (columns: $old)) !global;
|
36
|
-
}
|
1
|
+
// Context Syntax
|
2
|
+
// ==============
|
3
|
+
|
4
|
+
// Nested [function]
|
5
|
+
// -----------------
|
6
|
+
// Return a subset grid for nested context.
|
7
|
+
// - $context : <span>
|
8
|
+
@function nested(
|
9
|
+
$context
|
10
|
+
) {
|
11
|
+
$context : parse-span($context);
|
12
|
+
$span : susy-get(span, $context);
|
13
|
+
$location : get-location($context);
|
14
|
+
$columns : susy-get(columns, $context);
|
15
|
+
|
16
|
+
@return susy-slice($span, $location, $columns);
|
17
|
+
}
|
18
|
+
|
19
|
+
// Nested [mixin]
|
20
|
+
// --------------
|
21
|
+
// Use a subset grid for a nested context
|
22
|
+
// - $context : <span>
|
23
|
+
// - @content : <content>
|
24
|
+
@mixin nested(
|
25
|
+
$context
|
26
|
+
) {
|
27
|
+
$inspect : $context;
|
28
|
+
$context : parse-span($context);
|
29
|
+
$old : susy-get(columns);
|
30
|
+
$susy : map-merge($susy, (columns: nested($context))) !global;
|
31
|
+
|
32
|
+
@include susy-inspect(nested, $inspect);
|
33
|
+
@content;
|
34
|
+
|
35
|
+
$susy : map-merge($susy, (columns: $old)) !global;
|
36
|
+
}
|
@@ -1,94 +1,94 @@
|
|
1
|
-
// Gallery Syntax
|
2
|
-
// ==============
|
3
|
-
|
4
|
-
// Gallery
|
5
|
-
// -------
|
6
|
-
// Create an isolated gallery
|
7
|
-
// - $span : <span>
|
8
|
-
// - [$selector] : child | of-type
|
9
|
-
@mixin gallery(
|
10
|
-
$span,
|
11
|
-
$selector: child
|
12
|
-
) {
|
13
|
-
$inspect : $span;
|
14
|
-
$span : parse-span($span);
|
15
|
-
$span : map-merge($span, (location: 1));
|
16
|
-
|
17
|
-
$n : susy-get(span, $span);
|
18
|
-
$columns : susy-get(columns, $span);
|
19
|
-
$context : susy-count($columns);
|
20
|
-
$flow : susy-get(flow, $span);
|
21
|
-
|
22
|
-
$inside : is-inside($span);
|
23
|
-
$from : from($flow);
|
24
|
-
$line : floor($context / $n);
|
25
|
-
$symmetrical : is-symmetrical($columns);
|
26
|
-
|
27
|
-
$output: (
|
28
|
-
width : null,
|
29
|
-
float : from,
|
30
|
-
margin-before : null,
|
31
|
-
margin-after : null,
|
32
|
-
padding-before : null,
|
33
|
-
padding-after : null,
|
34
|
-
flow : $flow,
|
35
|
-
);
|
36
|
-
|
37
|
-
@if $inside {
|
38
|
-
$gutters: get-gutters($span);
|
39
|
-
$output: map-merge($output, (
|
40
|
-
padding-before: map-get($gutters, before),
|
41
|
-
padding-after: map-get($gutters, after),
|
42
|
-
));
|
43
|
-
}
|
44
|
-
|
45
|
-
@if $symmetrical {
|
46
|
-
$output: map-merge($output, (width: get-span-width($span)));
|
47
|
-
}
|
48
|
-
|
49
|
-
$box : susy-get(box-sizing, $span);
|
50
|
-
$global-box : if(susy-get(global-box-sizing) == 'border-box', true, false);
|
51
|
-
|
52
|
-
@include susy-inspect(gallery, $inspect);
|
53
|
-
|
54
|
-
// Collective Output
|
55
|
-
@if $box == border-box or ($inside and not($box) and not($global-box)) {
|
56
|
-
@include output((box-sizing: border-box));
|
57
|
-
} @else if $box == content-box {
|
58
|
-
@include output((box-sizing: content-box));
|
59
|
-
}
|
60
|
-
|
61
|
-
@include float-span-output($output...);
|
62
|
-
|
63
|
-
// Individual Loop
|
64
|
-
@for $item from 1 through $line {
|
65
|
-
$nth: '#{$line}n + #{$item}';
|
66
|
-
&:nth-#{$selector}(#{$nth}) {
|
67
|
-
// Individual Prep
|
68
|
-
$output: (
|
69
|
-
width : if($symmetrical, null, get-span-width($span)),
|
70
|
-
float : null,
|
71
|
-
margin-before : get-isolation($span),
|
72
|
-
margin-after : -100%,
|
73
|
-
padding-before : null,
|
74
|
-
padding-after : null,
|
75
|
-
flow : $flow,
|
76
|
-
);
|
77
|
-
|
78
|
-
// Individual Output
|
79
|
-
@include float-span-output($output...);
|
80
|
-
|
81
|
-
@if get-edge($span) == first {
|
82
|
-
@include break;
|
83
|
-
@include first($span);
|
84
|
-
} @else {
|
85
|
-
@include nobreak;
|
86
|
-
}
|
87
|
-
|
88
|
-
// Individual Location Increment
|
89
|
-
$location: get-location($span) + $n;
|
90
|
-
$location: if($location > $context, 1, $location);
|
91
|
-
$span: map-merge($span, (location: $location));
|
92
|
-
}
|
93
|
-
}
|
94
|
-
}
|
1
|
+
// Gallery Syntax
|
2
|
+
// ==============
|
3
|
+
|
4
|
+
// Gallery
|
5
|
+
// -------
|
6
|
+
// Create an isolated gallery
|
7
|
+
// - $span : <span>
|
8
|
+
// - [$selector] : child | of-type
|
9
|
+
@mixin gallery(
|
10
|
+
$span,
|
11
|
+
$selector: child
|
12
|
+
) {
|
13
|
+
$inspect : $span;
|
14
|
+
$span : parse-span($span);
|
15
|
+
$span : map-merge($span, (location: 1));
|
16
|
+
|
17
|
+
$n : susy-get(span, $span);
|
18
|
+
$columns : susy-get(columns, $span);
|
19
|
+
$context : susy-count($columns);
|
20
|
+
$flow : susy-get(flow, $span);
|
21
|
+
|
22
|
+
$inside : is-inside($span);
|
23
|
+
$from : from($flow);
|
24
|
+
$line : floor($context / $n);
|
25
|
+
$symmetrical : is-symmetrical($columns);
|
26
|
+
|
27
|
+
$output: (
|
28
|
+
width : null,
|
29
|
+
float : from,
|
30
|
+
margin-before : null,
|
31
|
+
margin-after : null,
|
32
|
+
padding-before : null,
|
33
|
+
padding-after : null,
|
34
|
+
flow : $flow,
|
35
|
+
);
|
36
|
+
|
37
|
+
@if $inside {
|
38
|
+
$gutters: get-gutters($span);
|
39
|
+
$output: map-merge($output, (
|
40
|
+
padding-before: map-get($gutters, before),
|
41
|
+
padding-after: map-get($gutters, after),
|
42
|
+
));
|
43
|
+
}
|
44
|
+
|
45
|
+
@if $symmetrical {
|
46
|
+
$output: map-merge($output, (width: get-span-width($span)));
|
47
|
+
}
|
48
|
+
|
49
|
+
$box : susy-get(box-sizing, $span);
|
50
|
+
$global-box : if(susy-get(global-box-sizing) == 'border-box', true, false);
|
51
|
+
|
52
|
+
@include susy-inspect(gallery, $inspect);
|
53
|
+
|
54
|
+
// Collective Output
|
55
|
+
@if $box == border-box or ($inside and not($box) and not($global-box)) {
|
56
|
+
@include output((box-sizing: border-box));
|
57
|
+
} @else if $box == content-box {
|
58
|
+
@include output((box-sizing: content-box));
|
59
|
+
}
|
60
|
+
|
61
|
+
@include float-span-output($output...);
|
62
|
+
|
63
|
+
// Individual Loop
|
64
|
+
@for $item from 1 through $line {
|
65
|
+
$nth: '#{$line}n + #{$item}';
|
66
|
+
&:nth-#{$selector}(#{$nth}) {
|
67
|
+
// Individual Prep
|
68
|
+
$output: (
|
69
|
+
width : if($symmetrical, null, get-span-width($span)),
|
70
|
+
float : null,
|
71
|
+
margin-before : get-isolation($span),
|
72
|
+
margin-after : -100%,
|
73
|
+
padding-before : null,
|
74
|
+
padding-after : null,
|
75
|
+
flow : $flow,
|
76
|
+
);
|
77
|
+
|
78
|
+
// Individual Output
|
79
|
+
@include float-span-output($output...);
|
80
|
+
|
81
|
+
@if get-edge($span) == first {
|
82
|
+
@include break;
|
83
|
+
@include first($span);
|
84
|
+
} @else {
|
85
|
+
@include nobreak;
|
86
|
+
}
|
87
|
+
|
88
|
+
// Individual Location Increment
|
89
|
+
$location: get-location($span) + $n;
|
90
|
+
$location: if($location > $context, 1, $location);
|
91
|
+
$span: map-merge($span, (location: $location));
|
92
|
+
}
|
93
|
+
}
|
94
|
+
}
|
@@ -1,64 +1,64 @@
|
|
1
|
-
// Grid Syntax
|
2
|
-
// ===========
|
3
|
-
|
4
|
-
|
5
|
-
// Layout
|
6
|
-
// ------
|
7
|
-
// Set a new layout using a shorthand
|
8
|
-
// - $layout: <settings>
|
9
|
-
// - $clean: boolean
|
10
|
-
@mixin layout(
|
11
|
-
$layout,
|
12
|
-
$clean: false
|
13
|
-
) {
|
14
|
-
$inspect : $layout;
|
15
|
-
$susy : _get-layout($layout, $clean) !global;
|
16
|
-
|
17
|
-
@include susy-inspect(layout, $inspect);
|
18
|
-
}
|
19
|
-
|
20
|
-
|
21
|
-
// Use Grid
|
22
|
-
// --------
|
23
|
-
// Use an arbitrary layout for a section of code
|
24
|
-
// - $layout: <settings>
|
25
|
-
// - $clean: boolean
|
26
|
-
@mixin with-layout(
|
27
|
-
$layout,
|
28
|
-
$clean: false
|
29
|
-
) {
|
30
|
-
$inspect : $layout;
|
31
|
-
$old : $susy;
|
32
|
-
$susy : _get-layout($layout, $clean) !global;
|
33
|
-
|
34
|
-
@include susy-inspect(with-layout, $inspect);
|
35
|
-
|
36
|
-
@content;
|
37
|
-
|
38
|
-
$susy: $old !global;
|
39
|
-
}
|
40
|
-
|
41
|
-
|
42
|
-
// Layout
|
43
|
-
// ------
|
44
|
-
// Return a parsed layout map based on shorthand syntax
|
45
|
-
// - $layout: <settings>
|
46
|
-
@function layout(
|
47
|
-
$layout: $susy
|
48
|
-
) {
|
49
|
-
@return parse-grid($layout);
|
50
|
-
}
|
51
|
-
|
52
|
-
|
53
|
-
// Get Layout
|
54
|
-
// ----------
|
55
|
-
// Return a new layout based on current and given settings
|
56
|
-
// - $layout: <settings>
|
57
|
-
// - $clean: boolean
|
58
|
-
@function _get-layout(
|
59
|
-
$layout,
|
60
|
-
$clean: false
|
61
|
-
) {
|
62
|
-
$layout: layout($layout);
|
63
|
-
@return if($clean, $layout, _susy-deep-merge($susy, $layout));
|
64
|
-
}
|
1
|
+
// Grid Syntax
|
2
|
+
// ===========
|
3
|
+
|
4
|
+
|
5
|
+
// Layout
|
6
|
+
// ------
|
7
|
+
// Set a new layout using a shorthand
|
8
|
+
// - $layout: <settings>
|
9
|
+
// - $clean: boolean
|
10
|
+
@mixin layout(
|
11
|
+
$layout,
|
12
|
+
$clean: false
|
13
|
+
) {
|
14
|
+
$inspect : $layout;
|
15
|
+
$susy : _get-layout($layout, $clean) !global;
|
16
|
+
|
17
|
+
@include susy-inspect(layout, $inspect);
|
18
|
+
}
|
19
|
+
|
20
|
+
|
21
|
+
// Use Grid
|
22
|
+
// --------
|
23
|
+
// Use an arbitrary layout for a section of code
|
24
|
+
// - $layout: <settings>
|
25
|
+
// - $clean: boolean
|
26
|
+
@mixin with-layout(
|
27
|
+
$layout,
|
28
|
+
$clean: false
|
29
|
+
) {
|
30
|
+
$inspect : $layout;
|
31
|
+
$old : $susy;
|
32
|
+
$susy : _get-layout($layout, $clean) !global;
|
33
|
+
|
34
|
+
@include susy-inspect(with-layout, $inspect);
|
35
|
+
|
36
|
+
@content;
|
37
|
+
|
38
|
+
$susy: $old !global;
|
39
|
+
}
|
40
|
+
|
41
|
+
|
42
|
+
// Layout
|
43
|
+
// ------
|
44
|
+
// Return a parsed layout map based on shorthand syntax
|
45
|
+
// - $layout: <settings>
|
46
|
+
@function layout(
|
47
|
+
$layout: $susy
|
48
|
+
) {
|
49
|
+
@return parse-grid($layout);
|
50
|
+
}
|
51
|
+
|
52
|
+
|
53
|
+
// Get Layout
|
54
|
+
// ----------
|
55
|
+
// Return a new layout based on current and given settings
|
56
|
+
// - $layout: <settings>
|
57
|
+
// - $clean: boolean
|
58
|
+
@function _get-layout(
|
59
|
+
$layout,
|
60
|
+
$clean: false
|
61
|
+
) {
|
62
|
+
$layout: layout($layout);
|
63
|
+
@return if($clean, $layout, _susy-deep-merge($susy, $layout));
|
64
|
+
}
|
@@ -1,154 +1,154 @@
|
|
1
|
-
// Gutter Syntax
|
2
|
-
// =============
|
3
|
-
|
4
|
-
|
5
|
-
// Gutters
|
6
|
-
// -------
|
7
|
-
// Set gutters on an element.
|
8
|
-
// - [$span] : <settings>
|
9
|
-
@mixin gutters(
|
10
|
-
$span: $susy
|
11
|
-
) {
|
12
|
-
$inspect : $span;
|
13
|
-
$span : parse-gutters($span);
|
14
|
-
$_gutters : get-gutters($span);
|
15
|
-
|
16
|
-
$_output: (
|
17
|
-
before: map-get($_gutters, before),
|
18
|
-
after: map-get($_gutters, after),
|
19
|
-
flow: susy-get(flow, $span),
|
20
|
-
);
|
21
|
-
|
22
|
-
@include susy-inspect(gutters, $inspect);
|
23
|
-
|
24
|
-
@if is-inside($span) {
|
25
|
-
@include padding-output($_output...);
|
26
|
-
} @else {
|
27
|
-
@include margin-output($_output...);
|
28
|
-
}
|
29
|
-
}
|
30
|
-
|
31
|
-
@mixin gutter(
|
32
|
-
$span: $susy
|
33
|
-
) {
|
34
|
-
@include gutters($span);
|
35
|
-
}
|
36
|
-
|
37
|
-
|
38
|
-
// Gutter
|
39
|
-
// ------
|
40
|
-
// Return the width of a gutter.
|
41
|
-
// - [$span] : <settings>
|
42
|
-
@function gutter(
|
43
|
-
$span: $susy
|
44
|
-
) {
|
45
|
-
$span: parse-gutters($span);
|
46
|
-
|
47
|
-
$_gutters: get-gutters($span);
|
48
|
-
$_gutters: map-get($_gutters, before) or map-get($_gutters, after);
|
49
|
-
|
50
|
-
@return $_gutters;
|
51
|
-
}
|
52
|
-
|
53
|
-
@function gutters(
|
54
|
-
$span: $susy
|
55
|
-
) {
|
56
|
-
@return gutter($span);
|
57
|
-
}
|
58
|
-
|
59
|
-
|
60
|
-
// Get Gutter Width
|
61
|
-
// ----------------
|
62
|
-
// Return gutter width.
|
63
|
-
// - [$context]: <context>
|
64
|
-
@function get-gutter-width(
|
65
|
-
$context: $susy
|
66
|
-
) {
|
67
|
-
$context : parse-gutters($context);
|
68
|
-
|
69
|
-
$_gutters : susy-get(gutters, $context);
|
70
|
-
$_gutter : susy-get(gutter-override, $context);
|
71
|
-
|
72
|
-
@if $_gutters and ($_gutters > 0) and not($_gutter) {
|
73
|
-
$_column-width: susy-get(column-width, $context);
|
74
|
-
$_math: gutter-math($context);
|
75
|
-
@if $_math == static {
|
76
|
-
$_gutter: $_gutters * valid-column-math($_math, $_column-width);
|
77
|
-
} @else {
|
78
|
-
$_columns : susy-get(columns, $context);
|
79
|
-
$_spread : if(is-split($context), wide, susy-get(spread, $context));
|
80
|
-
$_gutter : percentage($_gutters / susy-sum($_columns, $_gutters, $_spread));
|
81
|
-
}
|
82
|
-
}
|
83
|
-
|
84
|
-
$_gutter: if($_gutter == 'no-gutters' or $_gutter == 'no-gutter', null, $_gutter);
|
85
|
-
|
86
|
-
@return $_gutter;
|
87
|
-
}
|
88
|
-
|
89
|
-
|
90
|
-
// Get Gutters
|
91
|
-
// -----------
|
92
|
-
// Return before and after gutter values.
|
93
|
-
// - [$context]: <context>
|
94
|
-
@function get-gutters(
|
95
|
-
$context: $susy
|
96
|
-
) {
|
97
|
-
$context : parse-gutters($context);
|
98
|
-
|
99
|
-
$_gutter-position : susy-get(gutter-position, $context);
|
100
|
-
$_gutter : get-gutter-width($context);
|
101
|
-
|
102
|
-
$_return : (before: null, after: null);
|
103
|
-
|
104
|
-
@if is-split($context) and $_gutter {
|
105
|
-
$_gutter: $_gutter / 2;
|
106
|
-
$_return: map-merge($_return, (before: $_gutter, after: $_gutter));
|
107
|
-
} @else {
|
108
|
-
$_return: map-merge($_return, ($_gutter-position: $_gutter));
|
109
|
-
}
|
110
|
-
|
111
|
-
@return $_return;
|
112
|
-
}
|
113
|
-
|
114
|
-
|
115
|
-
// Is Inside
|
116
|
-
// ---------
|
117
|
-
// Returns true if gutters are inside.
|
118
|
-
// $context: <context>
|
119
|
-
@function is-inside(
|
120
|
-
$context
|
121
|
-
) {
|
122
|
-
$_inside: inside inside-static;
|
123
|
-
$_gutter-position: susy-get(gutter-position, $context);
|
124
|
-
|
125
|
-
@return if(index($_inside, $_gutter-position), true, false);
|
126
|
-
}
|
127
|
-
|
128
|
-
|
129
|
-
// Is Split
|
130
|
-
// --------
|
131
|
-
// Returns true if gutters are split.
|
132
|
-
// $context: <context>
|
133
|
-
@function is-split(
|
134
|
-
$context
|
135
|
-
) {
|
136
|
-
$_split: split inside inside-static;
|
137
|
-
$_gutter-position: susy-get(gutter-position, $context);
|
138
|
-
|
139
|
-
@return if(index($_split, $_gutter-position), true, false);
|
140
|
-
}
|
141
|
-
|
142
|
-
|
143
|
-
// Gutter Math
|
144
|
-
// -----------
|
145
|
-
// Return the math to use for gutter calculations
|
146
|
-
// $context: <context>
|
147
|
-
@function gutter-math(
|
148
|
-
$context: $susy
|
149
|
-
) {
|
150
|
-
$_return : susy-get(math, $context);
|
151
|
-
$_return : if(susy-get(gutter-position, $context) == inside-static, static, $_return);
|
152
|
-
|
153
|
-
@return $_return;
|
154
|
-
}
|
1
|
+
// Gutter Syntax
|
2
|
+
// =============
|
3
|
+
|
4
|
+
|
5
|
+
// Gutters
|
6
|
+
// -------
|
7
|
+
// Set gutters on an element.
|
8
|
+
// - [$span] : <settings>
|
9
|
+
@mixin gutters(
|
10
|
+
$span: $susy
|
11
|
+
) {
|
12
|
+
$inspect : $span;
|
13
|
+
$span : parse-gutters($span);
|
14
|
+
$_gutters : get-gutters($span);
|
15
|
+
|
16
|
+
$_output: (
|
17
|
+
before: map-get($_gutters, before),
|
18
|
+
after: map-get($_gutters, after),
|
19
|
+
flow: susy-get(flow, $span),
|
20
|
+
);
|
21
|
+
|
22
|
+
@include susy-inspect(gutters, $inspect);
|
23
|
+
|
24
|
+
@if is-inside($span) {
|
25
|
+
@include padding-output($_output...);
|
26
|
+
} @else {
|
27
|
+
@include margin-output($_output...);
|
28
|
+
}
|
29
|
+
}
|
30
|
+
|
31
|
+
@mixin gutter(
|
32
|
+
$span: $susy
|
33
|
+
) {
|
34
|
+
@include gutters($span);
|
35
|
+
}
|
36
|
+
|
37
|
+
|
38
|
+
// Gutter
|
39
|
+
// ------
|
40
|
+
// Return the width of a gutter.
|
41
|
+
// - [$span] : <settings>
|
42
|
+
@function gutter(
|
43
|
+
$span: $susy
|
44
|
+
) {
|
45
|
+
$span: parse-gutters($span);
|
46
|
+
|
47
|
+
$_gutters: get-gutters($span);
|
48
|
+
$_gutters: map-get($_gutters, before) or map-get($_gutters, after);
|
49
|
+
|
50
|
+
@return $_gutters;
|
51
|
+
}
|
52
|
+
|
53
|
+
@function gutters(
|
54
|
+
$span: $susy
|
55
|
+
) {
|
56
|
+
@return gutter($span);
|
57
|
+
}
|
58
|
+
|
59
|
+
|
60
|
+
// Get Gutter Width
|
61
|
+
// ----------------
|
62
|
+
// Return gutter width.
|
63
|
+
// - [$context]: <context>
|
64
|
+
@function get-gutter-width(
|
65
|
+
$context: $susy
|
66
|
+
) {
|
67
|
+
$context : parse-gutters($context);
|
68
|
+
|
69
|
+
$_gutters : susy-get(gutters, $context);
|
70
|
+
$_gutter : susy-get(gutter-override, $context);
|
71
|
+
|
72
|
+
@if $_gutters and ($_gutters > 0) and not($_gutter) {
|
73
|
+
$_column-width: susy-get(column-width, $context);
|
74
|
+
$_math: gutter-math($context);
|
75
|
+
@if $_math == static {
|
76
|
+
$_gutter: $_gutters * valid-column-math($_math, $_column-width);
|
77
|
+
} @else {
|
78
|
+
$_columns : susy-get(columns, $context);
|
79
|
+
$_spread : if(is-split($context), wide, susy-get(spread, $context));
|
80
|
+
$_gutter : percentage($_gutters / susy-sum($_columns, $_gutters, $_spread));
|
81
|
+
}
|
82
|
+
}
|
83
|
+
|
84
|
+
$_gutter: if($_gutter == 'no-gutters' or $_gutter == 'no-gutter', null, $_gutter);
|
85
|
+
|
86
|
+
@return $_gutter;
|
87
|
+
}
|
88
|
+
|
89
|
+
|
90
|
+
// Get Gutters
|
91
|
+
// -----------
|
92
|
+
// Return before and after gutter values.
|
93
|
+
// - [$context]: <context>
|
94
|
+
@function get-gutters(
|
95
|
+
$context: $susy
|
96
|
+
) {
|
97
|
+
$context : parse-gutters($context);
|
98
|
+
|
99
|
+
$_gutter-position : susy-get(gutter-position, $context);
|
100
|
+
$_gutter : get-gutter-width($context);
|
101
|
+
|
102
|
+
$_return : (before: null, after: null);
|
103
|
+
|
104
|
+
@if is-split($context) and $_gutter {
|
105
|
+
$_gutter: $_gutter / 2;
|
106
|
+
$_return: map-merge($_return, (before: $_gutter, after: $_gutter));
|
107
|
+
} @else {
|
108
|
+
$_return: map-merge($_return, ($_gutter-position: $_gutter));
|
109
|
+
}
|
110
|
+
|
111
|
+
@return $_return;
|
112
|
+
}
|
113
|
+
|
114
|
+
|
115
|
+
// Is Inside
|
116
|
+
// ---------
|
117
|
+
// Returns true if gutters are inside.
|
118
|
+
// $context: <context>
|
119
|
+
@function is-inside(
|
120
|
+
$context
|
121
|
+
) {
|
122
|
+
$_inside: inside inside-static;
|
123
|
+
$_gutter-position: susy-get(gutter-position, $context);
|
124
|
+
|
125
|
+
@return if(index($_inside, $_gutter-position), true, false);
|
126
|
+
}
|
127
|
+
|
128
|
+
|
129
|
+
// Is Split
|
130
|
+
// --------
|
131
|
+
// Returns true if gutters are split.
|
132
|
+
// $context: <context>
|
133
|
+
@function is-split(
|
134
|
+
$context
|
135
|
+
) {
|
136
|
+
$_split: split inside inside-static;
|
137
|
+
$_gutter-position: susy-get(gutter-position, $context);
|
138
|
+
|
139
|
+
@return if(index($_split, $_gutter-position), true, false);
|
140
|
+
}
|
141
|
+
|
142
|
+
|
143
|
+
// Gutter Math
|
144
|
+
// -----------
|
145
|
+
// Return the math to use for gutter calculations
|
146
|
+
// $context: <context>
|
147
|
+
@function gutter-math(
|
148
|
+
$context: $susy
|
149
|
+
) {
|
150
|
+
$_return : susy-get(math, $context);
|
151
|
+
$_return : if(susy-get(gutter-position, $context) == inside-static, static, $_return);
|
152
|
+
|
153
|
+
@return $_return;
|
154
|
+
}
|