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.
Files changed (121) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE.txt +20 -20
  3. data/README.md +170 -178
  4. data/_includes/analytics.html +13 -13
  5. data/_includes/breadcrumbs.html +31 -31
  6. data/_includes/comments.html +26 -26
  7. data/_includes/figure +12 -12
  8. data/_includes/paginator.html +8 -69
  9. data/_includes/post-entry.html +15 -15
  10. data/_includes/seo.html +77 -77
  11. data/_includes/social-share.html +42 -42
  12. data/_includes/topnav.html +46 -46
  13. data/_layouts/default.html +46 -46
  14. data/_layouts/home.html +11 -11
  15. data/_layouts/page.html +16 -16
  16. data/_layouts/post.html +38 -38
  17. data/_sass/_base.scss +359 -359
  18. data/_sass/_buttons.scss +61 -61
  19. data/_sass/_footer.scss +53 -53
  20. data/_sass/_navigation.scss +216 -216
  21. data/_sass/_page.scss +60 -60
  22. data/_sass/_post.scss +85 -85
  23. data/_sass/_reset.scss +186 -186
  24. data/_sass/_rrssb.scss +276 -276
  25. data/_sass/_slimmenu.scss +177 -177
  26. data/_sass/_syntax.scss +125 -125
  27. data/_sass/_utilities.scss +67 -67
  28. data/_sass/_variables.scss +73 -73
  29. data/_sass/vendor/breakpoint/_breakpoint.scss +114 -114
  30. data/_sass/vendor/breakpoint/_context.scss +94 -94
  31. data/_sass/vendor/breakpoint/_helpers.scss +151 -151
  32. data/_sass/vendor/breakpoint/_legacy-settings.scss +49 -49
  33. data/_sass/vendor/breakpoint/_no-query.scss +15 -15
  34. data/_sass/vendor/breakpoint/_parsers.scss +215 -215
  35. data/_sass/vendor/breakpoint/_respond-to.scss +82 -82
  36. data/_sass/vendor/breakpoint/_settings.scss +70 -70
  37. data/_sass/vendor/breakpoint/parsers/_double.scss +33 -33
  38. data/_sass/vendor/breakpoint/parsers/_query.scss +82 -82
  39. data/_sass/vendor/breakpoint/parsers/_resolution.scss +31 -31
  40. data/_sass/vendor/breakpoint/parsers/_single.scss +26 -26
  41. data/_sass/vendor/breakpoint/parsers/_triple.scss +36 -36
  42. data/_sass/vendor/breakpoint/parsers/double/_default-pair.scss +21 -21
  43. data/_sass/vendor/breakpoint/parsers/double/_default.scss +22 -22
  44. data/_sass/vendor/breakpoint/parsers/double/_double-string.scss +21 -21
  45. data/_sass/vendor/breakpoint/parsers/resolution/_resolution.scss +60 -60
  46. data/_sass/vendor/breakpoint/parsers/single/_default.scss +13 -13
  47. data/_sass/vendor/breakpoint/parsers/triple/_default.scss +18 -18
  48. data/_sass/vendor/font-awesome/_animated.scss +34 -34
  49. data/_sass/vendor/font-awesome/_bordered-pulled.scss +25 -25
  50. data/_sass/vendor/font-awesome/_core.scss +12 -12
  51. data/_sass/vendor/font-awesome/_fixed-width.scss +6 -6
  52. data/_sass/vendor/font-awesome/_font-awesome.scss +18 -18
  53. data/_sass/vendor/font-awesome/_icons.scss +789 -789
  54. data/_sass/vendor/font-awesome/_larger.scss +13 -13
  55. data/_sass/vendor/font-awesome/_list.scss +19 -19
  56. data/_sass/vendor/font-awesome/_mixins.scss +60 -60
  57. data/_sass/vendor/font-awesome/_path.scss +15 -15
  58. data/_sass/vendor/font-awesome/_rotated-flipped.scss +20 -20
  59. data/_sass/vendor/font-awesome/_screen-reader.scss +5 -5
  60. data/_sass/vendor/font-awesome/_stacked.scss +20 -20
  61. data/_sass/vendor/font-awesome/_variables.scss +800 -800
  62. data/_sass/vendor/susy/_su.scss +4 -4
  63. data/_sass/vendor/susy/_susy.scss +4 -4
  64. data/_sass/vendor/susy/_susyone.scss +4 -4
  65. data/_sass/vendor/susy/susy/_su.scss +7 -7
  66. data/_sass/vendor/susy/susy/language/_susy.scss +24 -24
  67. data/_sass/vendor/susy/susy/language/_susyone.scss +13 -13
  68. data/_sass/vendor/susy/susy/language/susy/_background.scss +385 -385
  69. data/_sass/vendor/susy/susy/language/susy/_bleed.scss +200 -200
  70. data/_sass/vendor/susy/susy/language/susy/_box-sizing.scss +47 -47
  71. data/_sass/vendor/susy/susy/language/susy/_breakpoint-plugin.scss +185 -185
  72. data/_sass/vendor/susy/susy/language/susy/_container.scss +81 -81
  73. data/_sass/vendor/susy/susy/language/susy/_context.scss +36 -36
  74. data/_sass/vendor/susy/susy/language/susy/_gallery.scss +94 -94
  75. data/_sass/vendor/susy/susy/language/susy/_grids.scss +64 -64
  76. data/_sass/vendor/susy/susy/language/susy/_gutters.scss +154 -154
  77. data/_sass/vendor/susy/susy/language/susy/_isolate.scss +77 -77
  78. data/_sass/vendor/susy/susy/language/susy/_margins.scss +94 -94
  79. data/_sass/vendor/susy/susy/language/susy/_padding.scss +74 -74
  80. data/_sass/vendor/susy/susy/language/susy/_rows.scss +138 -138
  81. data/_sass/vendor/susy/susy/language/susy/_settings.scss +216 -216
  82. data/_sass/vendor/susy/susy/language/susy/_span.scss +163 -163
  83. data/_sass/vendor/susy/susy/language/susy/_validation.scss +16 -16
  84. data/_sass/vendor/susy/susy/language/susyone/_background.scss +18 -18
  85. data/_sass/vendor/susy/susy/language/susyone/_functions.scss +377 -377
  86. data/_sass/vendor/susy/susy/language/susyone/_grid.scss +312 -312
  87. data/_sass/vendor/susy/susy/language/susyone/_isolation.scss +51 -51
  88. data/_sass/vendor/susy/susy/language/susyone/_margin.scss +93 -93
  89. data/_sass/vendor/susy/susy/language/susyone/_media.scss +105 -105
  90. data/_sass/vendor/susy/susy/language/susyone/_padding.scss +92 -92
  91. data/_sass/vendor/susy/susy/language/susyone/_settings.scss +60 -60
  92. data/_sass/vendor/susy/susy/output/_float.scss +9 -9
  93. data/_sass/vendor/susy/susy/output/_shared.scss +15 -15
  94. data/_sass/vendor/susy/susy/output/_support.scss +9 -9
  95. data/_sass/vendor/susy/susy/output/float/_container.scss +16 -16
  96. data/_sass/vendor/susy/susy/output/float/_end.scss +40 -40
  97. data/_sass/vendor/susy/susy/output/float/_isolate.scss +22 -22
  98. data/_sass/vendor/susy/susy/output/float/_span.scss +35 -35
  99. data/_sass/vendor/susy/susy/output/shared/_background.scss +26 -26
  100. data/_sass/vendor/susy/susy/output/shared/_container.scss +21 -21
  101. data/_sass/vendor/susy/susy/output/shared/_direction.scss +42 -42
  102. data/_sass/vendor/susy/susy/output/shared/_inspect.scss +25 -25
  103. data/_sass/vendor/susy/susy/output/shared/_margins.scss +23 -23
  104. data/_sass/vendor/susy/susy/output/shared/_output.scss +14 -14
  105. data/_sass/vendor/susy/susy/output/shared/_padding.scss +23 -23
  106. data/_sass/vendor/susy/susy/output/support/_background.scss +58 -58
  107. data/_sass/vendor/susy/susy/output/support/_box-sizing.scss +19 -19
  108. data/_sass/vendor/susy/susy/output/support/_clearfix.scss +18 -18
  109. data/_sass/vendor/susy/susy/output/support/_prefix.scss +19 -19
  110. data/_sass/vendor/susy/susy/output/support/_rem.scss +22 -22
  111. data/_sass/vendor/susy/susy/output/support/_support.scss +85 -85
  112. data/_sass/vendor/susy/susy/su/_grid.scss +103 -103
  113. data/_sass/vendor/susy/susy/su/_settings.scss +73 -73
  114. data/_sass/vendor/susy/susy/su/_utilities.scss +111 -111
  115. data/_sass/vendor/susy/susy/su/_validation.scss +57 -57
  116. data/assets/css/main.scss +43 -43
  117. data/assets/fonts/fontawesome-webfont.svg +2671 -2671
  118. data/assets/js/main.js +35 -35
  119. data/assets/js/plugins/jquery-1.12.4.min.js +4 -4
  120. data/assets/js/slimmenu.js +154 -154
  121. 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
+ }