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,185 +1,185 @@
|
|
1
|
-
// Breakpoint Integration
|
2
|
-
// ======================
|
3
|
-
|
4
|
-
$susy-media: () !default;
|
5
|
-
$susy-media-fallback: false !default;
|
6
|
-
|
7
|
-
$_susy-media-context: ();
|
8
|
-
|
9
|
-
|
10
|
-
// Susy Breakpoint
|
11
|
-
// ---------------
|
12
|
-
// Change grids at different media query breakpoints.
|
13
|
-
// - $query : <min-width> [<max-width>] | <property> <value> | <map>
|
14
|
-
// - $layout : <settings>
|
15
|
-
// - $no-query : <boolean> | <selector>
|
16
|
-
@mixin susy-breakpoint(
|
17
|
-
$query,
|
18
|
-
$layout: false,
|
19
|
-
$no-query: $susy-media-fallback
|
20
|
-
) {
|
21
|
-
@include susy-media-router($query, $no-query) {
|
22
|
-
@if $layout {
|
23
|
-
@include with-layout($layout) {
|
24
|
-
@content;
|
25
|
-
}
|
26
|
-
} @else {
|
27
|
-
@content;
|
28
|
-
}
|
29
|
-
}
|
30
|
-
}
|
31
|
-
|
32
|
-
|
33
|
-
// Susy Media
|
34
|
-
// ----------
|
35
|
-
// - $query: <min-width> [<max-width>] | <property> <value>
|
36
|
-
// - $no-query: <boolean> | <selector>
|
37
|
-
@mixin susy-media(
|
38
|
-
$query,
|
39
|
-
$no-query: $susy-media-fallback
|
40
|
-
) {
|
41
|
-
$old-context: $_susy-media-context;
|
42
|
-
$name: if(map-has-key($susy-media, $query), $query, null);
|
43
|
-
$query: susy-get-media($query);
|
44
|
-
$query: susy-parse-media($query);
|
45
|
-
|
46
|
-
@include susy-media-context($query, $name);
|
47
|
-
|
48
|
-
@if $no-query and type-of($no-query) != string {
|
49
|
-
@content;
|
50
|
-
} @else {
|
51
|
-
@media #{susy-render-media($query)} {
|
52
|
-
@content;
|
53
|
-
}
|
54
|
-
|
55
|
-
@if type-of($no-query) == string {
|
56
|
-
#{$no-query} & {
|
57
|
-
@content;
|
58
|
-
}
|
59
|
-
}
|
60
|
-
}
|
61
|
-
|
62
|
-
@include susy-media-context($old-context, $clean: true);
|
63
|
-
}
|
64
|
-
|
65
|
-
|
66
|
-
// Media Router
|
67
|
-
// ------------
|
68
|
-
// Rout media arguments to the correct mixin.
|
69
|
-
@mixin susy-media-router(
|
70
|
-
$query,
|
71
|
-
$no-query: $susy-media-fallback
|
72
|
-
) {
|
73
|
-
@if susy-support(breakpoint, (mixin: breakpoint), $warn: false) {
|
74
|
-
@include breakpoint($query, $no-query) {
|
75
|
-
@content;
|
76
|
-
}
|
77
|
-
} @else {
|
78
|
-
@include susy-media($query, $no-query) {
|
79
|
-
@content;
|
80
|
-
}
|
81
|
-
}
|
82
|
-
}
|
83
|
-
|
84
|
-
|
85
|
-
// Update Context
|
86
|
-
// -------------
|
87
|
-
// Set the new media context
|
88
|
-
@mixin susy-media-context(
|
89
|
-
$query,
|
90
|
-
$name: null,
|
91
|
-
$clean: false
|
92
|
-
) {
|
93
|
-
$query: map-merge((name: $name), $query);
|
94
|
-
|
95
|
-
@if $clean {
|
96
|
-
$_susy-media-context: $query !global;
|
97
|
-
} @else {
|
98
|
-
$_susy-media-context: map-merge($_susy-media-context, $query) !global;
|
99
|
-
}
|
100
|
-
}
|
101
|
-
|
102
|
-
|
103
|
-
// Media Context
|
104
|
-
// -------------
|
105
|
-
// Return the full media context, or a single media property (e.g. min-width)
|
106
|
-
@function susy-media-context(
|
107
|
-
$property: false
|
108
|
-
) {
|
109
|
-
@if $property {
|
110
|
-
@return map-get($_susy-media-context, $property);
|
111
|
-
} @else {
|
112
|
-
@return $_susy-media-context;
|
113
|
-
}
|
114
|
-
}
|
115
|
-
|
116
|
-
|
117
|
-
// Get Media
|
118
|
-
// ---------
|
119
|
-
// Return a named media-query from $susy-media.
|
120
|
-
// - $name: <key>
|
121
|
-
@function susy-get-media(
|
122
|
-
$name
|
123
|
-
) {
|
124
|
-
@if map-has-key($susy-media, $name) {
|
125
|
-
$map-value: map-get($susy-media, $name);
|
126
|
-
@if ($name == $map-value) {
|
127
|
-
$name: $map-value;
|
128
|
-
} @else {
|
129
|
-
$name: susy-get-media($map-value);
|
130
|
-
}
|
131
|
-
}
|
132
|
-
|
133
|
-
@return $name;
|
134
|
-
}
|
135
|
-
|
136
|
-
|
137
|
-
// Render Media
|
138
|
-
// ------------
|
139
|
-
// Build a media-query string from various media settings
|
140
|
-
@function susy-render-media(
|
141
|
-
$query
|
142
|
-
) {
|
143
|
-
$output: null;
|
144
|
-
@each $property, $value in $query {
|
145
|
-
$string: null;
|
146
|
-
|
147
|
-
@if $property == media {
|
148
|
-
$string: $value;
|
149
|
-
} @else {
|
150
|
-
$string: '(#{$property}: #{$value})';
|
151
|
-
}
|
152
|
-
|
153
|
-
$output: if($output, '#{$output} and #{$string}', $string);
|
154
|
-
}
|
155
|
-
|
156
|
-
@return $output;
|
157
|
-
}
|
158
|
-
|
159
|
-
|
160
|
-
// Parse Media
|
161
|
-
// -----------
|
162
|
-
// Return parsed media-query settings based on shorthand
|
163
|
-
@function susy-parse-media(
|
164
|
-
$query
|
165
|
-
) {
|
166
|
-
$mq: null;
|
167
|
-
@if type-of($query) == map {
|
168
|
-
$mq: $query;
|
169
|
-
} @else if type-of($query) == number {
|
170
|
-
$mq: (min-width: $query);
|
171
|
-
} @else if type-of($query) == list and length($query) == 2 {
|
172
|
-
@if type-of(nth($query, 1)) == number {
|
173
|
-
$mq: (
|
174
|
-
min-width: min($query...),
|
175
|
-
max-width: max($query...),
|
176
|
-
);
|
177
|
-
} @else {
|
178
|
-
$mq: (nth($query, 1): nth($query, 2));
|
179
|
-
}
|
180
|
-
} @else {
|
181
|
-
$mq: (media: '#{$query}');
|
182
|
-
}
|
183
|
-
|
184
|
-
@return $mq;
|
185
|
-
}
|
1
|
+
// Breakpoint Integration
|
2
|
+
// ======================
|
3
|
+
|
4
|
+
$susy-media: () !default;
|
5
|
+
$susy-media-fallback: false !default;
|
6
|
+
|
7
|
+
$_susy-media-context: ();
|
8
|
+
|
9
|
+
|
10
|
+
// Susy Breakpoint
|
11
|
+
// ---------------
|
12
|
+
// Change grids at different media query breakpoints.
|
13
|
+
// - $query : <min-width> [<max-width>] | <property> <value> | <map>
|
14
|
+
// - $layout : <settings>
|
15
|
+
// - $no-query : <boolean> | <selector>
|
16
|
+
@mixin susy-breakpoint(
|
17
|
+
$query,
|
18
|
+
$layout: false,
|
19
|
+
$no-query: $susy-media-fallback
|
20
|
+
) {
|
21
|
+
@include susy-media-router($query, $no-query) {
|
22
|
+
@if $layout {
|
23
|
+
@include with-layout($layout) {
|
24
|
+
@content;
|
25
|
+
}
|
26
|
+
} @else {
|
27
|
+
@content;
|
28
|
+
}
|
29
|
+
}
|
30
|
+
}
|
31
|
+
|
32
|
+
|
33
|
+
// Susy Media
|
34
|
+
// ----------
|
35
|
+
// - $query: <min-width> [<max-width>] | <property> <value>
|
36
|
+
// - $no-query: <boolean> | <selector>
|
37
|
+
@mixin susy-media(
|
38
|
+
$query,
|
39
|
+
$no-query: $susy-media-fallback
|
40
|
+
) {
|
41
|
+
$old-context: $_susy-media-context;
|
42
|
+
$name: if(map-has-key($susy-media, $query), $query, null);
|
43
|
+
$query: susy-get-media($query);
|
44
|
+
$query: susy-parse-media($query);
|
45
|
+
|
46
|
+
@include susy-media-context($query, $name);
|
47
|
+
|
48
|
+
@if $no-query and type-of($no-query) != string {
|
49
|
+
@content;
|
50
|
+
} @else {
|
51
|
+
@media #{susy-render-media($query)} {
|
52
|
+
@content;
|
53
|
+
}
|
54
|
+
|
55
|
+
@if type-of($no-query) == string {
|
56
|
+
#{$no-query} & {
|
57
|
+
@content;
|
58
|
+
}
|
59
|
+
}
|
60
|
+
}
|
61
|
+
|
62
|
+
@include susy-media-context($old-context, $clean: true);
|
63
|
+
}
|
64
|
+
|
65
|
+
|
66
|
+
// Media Router
|
67
|
+
// ------------
|
68
|
+
// Rout media arguments to the correct mixin.
|
69
|
+
@mixin susy-media-router(
|
70
|
+
$query,
|
71
|
+
$no-query: $susy-media-fallback
|
72
|
+
) {
|
73
|
+
@if susy-support(breakpoint, (mixin: breakpoint), $warn: false) {
|
74
|
+
@include breakpoint($query, $no-query) {
|
75
|
+
@content;
|
76
|
+
}
|
77
|
+
} @else {
|
78
|
+
@include susy-media($query, $no-query) {
|
79
|
+
@content;
|
80
|
+
}
|
81
|
+
}
|
82
|
+
}
|
83
|
+
|
84
|
+
|
85
|
+
// Update Context
|
86
|
+
// -------------
|
87
|
+
// Set the new media context
|
88
|
+
@mixin susy-media-context(
|
89
|
+
$query,
|
90
|
+
$name: null,
|
91
|
+
$clean: false
|
92
|
+
) {
|
93
|
+
$query: map-merge((name: $name), $query);
|
94
|
+
|
95
|
+
@if $clean {
|
96
|
+
$_susy-media-context: $query !global;
|
97
|
+
} @else {
|
98
|
+
$_susy-media-context: map-merge($_susy-media-context, $query) !global;
|
99
|
+
}
|
100
|
+
}
|
101
|
+
|
102
|
+
|
103
|
+
// Media Context
|
104
|
+
// -------------
|
105
|
+
// Return the full media context, or a single media property (e.g. min-width)
|
106
|
+
@function susy-media-context(
|
107
|
+
$property: false
|
108
|
+
) {
|
109
|
+
@if $property {
|
110
|
+
@return map-get($_susy-media-context, $property);
|
111
|
+
} @else {
|
112
|
+
@return $_susy-media-context;
|
113
|
+
}
|
114
|
+
}
|
115
|
+
|
116
|
+
|
117
|
+
// Get Media
|
118
|
+
// ---------
|
119
|
+
// Return a named media-query from $susy-media.
|
120
|
+
// - $name: <key>
|
121
|
+
@function susy-get-media(
|
122
|
+
$name
|
123
|
+
) {
|
124
|
+
@if map-has-key($susy-media, $name) {
|
125
|
+
$map-value: map-get($susy-media, $name);
|
126
|
+
@if ($name == $map-value) {
|
127
|
+
$name: $map-value;
|
128
|
+
} @else {
|
129
|
+
$name: susy-get-media($map-value);
|
130
|
+
}
|
131
|
+
}
|
132
|
+
|
133
|
+
@return $name;
|
134
|
+
}
|
135
|
+
|
136
|
+
|
137
|
+
// Render Media
|
138
|
+
// ------------
|
139
|
+
// Build a media-query string from various media settings
|
140
|
+
@function susy-render-media(
|
141
|
+
$query
|
142
|
+
) {
|
143
|
+
$output: null;
|
144
|
+
@each $property, $value in $query {
|
145
|
+
$string: null;
|
146
|
+
|
147
|
+
@if $property == media {
|
148
|
+
$string: $value;
|
149
|
+
} @else {
|
150
|
+
$string: '(#{$property}: #{$value})';
|
151
|
+
}
|
152
|
+
|
153
|
+
$output: if($output, '#{$output} and #{$string}', $string);
|
154
|
+
}
|
155
|
+
|
156
|
+
@return $output;
|
157
|
+
}
|
158
|
+
|
159
|
+
|
160
|
+
// Parse Media
|
161
|
+
// -----------
|
162
|
+
// Return parsed media-query settings based on shorthand
|
163
|
+
@function susy-parse-media(
|
164
|
+
$query
|
165
|
+
) {
|
166
|
+
$mq: null;
|
167
|
+
@if type-of($query) == map {
|
168
|
+
$mq: $query;
|
169
|
+
} @else if type-of($query) == number {
|
170
|
+
$mq: (min-width: $query);
|
171
|
+
} @else if type-of($query) == list and length($query) == 2 {
|
172
|
+
@if type-of(nth($query, 1)) == number {
|
173
|
+
$mq: (
|
174
|
+
min-width: min($query...),
|
175
|
+
max-width: max($query...),
|
176
|
+
);
|
177
|
+
} @else {
|
178
|
+
$mq: (nth($query, 1): nth($query, 2));
|
179
|
+
}
|
180
|
+
} @else {
|
181
|
+
$mq: (media: '#{$query}');
|
182
|
+
}
|
183
|
+
|
184
|
+
@return $mq;
|
185
|
+
}
|
@@ -1,81 +1,81 @@
|
|
1
|
-
// Container Syntax
|
2
|
-
// ================
|
3
|
-
|
4
|
-
// Container [mixin]
|
5
|
-
// -----------------
|
6
|
-
// Set a container element
|
7
|
-
// - [$layout] : <settings>
|
8
|
-
@mixin container(
|
9
|
-
$layout: $susy
|
10
|
-
) {
|
11
|
-
$inspect : $layout;
|
12
|
-
$layout : parse-grid($layout);
|
13
|
-
|
14
|
-
$_width : get-container-width($layout);
|
15
|
-
$_justify : parse-container-position(susy-get(container-position, $layout));
|
16
|
-
$_property : if(susy-get(math, $layout) == static, width, max-width);
|
17
|
-
|
18
|
-
$_box : susy-get(box-sizing, $layout);
|
19
|
-
|
20
|
-
@if $_box {
|
21
|
-
@include output((box-sizing: $_box));
|
22
|
-
}
|
23
|
-
|
24
|
-
@include susy-inspect(container, $inspect);
|
25
|
-
@include float-container($_width, $_justify, $_property);
|
26
|
-
@include show-grid($layout);
|
27
|
-
}
|
28
|
-
|
29
|
-
// Container [function]
|
30
|
-
// --------------------
|
31
|
-
// Return container width
|
32
|
-
// - [$layout] : <settings>
|
33
|
-
@function container(
|
34
|
-
$layout: $susy
|
35
|
-
) {
|
36
|
-
$layout: parse-grid($layout);
|
37
|
-
@return get-container-width($layout);
|
38
|
-
}
|
39
|
-
|
40
|
-
// Get Container Width
|
41
|
-
// -------------------
|
42
|
-
// Calculate the container width
|
43
|
-
// - [$layout]: <settings>
|
44
|
-
@function get-container-width(
|
45
|
-
$layout: $susy
|
46
|
-
) {
|
47
|
-
$layout : parse-grid($layout);
|
48
|
-
$_width : susy-get(container, $layout);
|
49
|
-
$_column-width : susy-get(column-width, $layout);
|
50
|
-
$_math : susy-get(math, $layout);
|
51
|
-
|
52
|
-
@if not($_width) or $_width == auto {
|
53
|
-
@if valid-column-math($_math, $_column-width) {
|
54
|
-
$_columns : susy-get(columns, $layout);
|
55
|
-
$_gutters : susy-get(gutters, $layout);
|
56
|
-
$_spread : if(is-split($layout), wide, narrow);
|
57
|
-
$_width : susy-sum($_columns, $_gutters, $_spread) * $_column-width;
|
58
|
-
} @else {
|
59
|
-
$_width: 100%;
|
60
|
-
}
|
61
|
-
}
|
62
|
-
|
63
|
-
@return $_width;
|
64
|
-
}
|
65
|
-
|
66
|
-
// Parse Container Position
|
67
|
-
// ------------------------
|
68
|
-
// Parse the $container-position into margin values.
|
69
|
-
// - [$justify] : left | center | right | <length> [<length>]
|
70
|
-
@function parse-container-position(
|
71
|
-
$justify: map-get($susy-defaults, container-position)
|
72
|
-
) {
|
73
|
-
$_return: if($justify == left, 0, auto) if($justify == right, 0, auto);
|
74
|
-
|
75
|
-
@if not(index(left right center, $justify)) {
|
76
|
-
$_return: nth($justify, 1);
|
77
|
-
$_return: $_return if(length($justify) > 1, nth($justify, 2), $_return);
|
78
|
-
}
|
79
|
-
|
80
|
-
@return $_return;
|
81
|
-
}
|
1
|
+
// Container Syntax
|
2
|
+
// ================
|
3
|
+
|
4
|
+
// Container [mixin]
|
5
|
+
// -----------------
|
6
|
+
// Set a container element
|
7
|
+
// - [$layout] : <settings>
|
8
|
+
@mixin container(
|
9
|
+
$layout: $susy
|
10
|
+
) {
|
11
|
+
$inspect : $layout;
|
12
|
+
$layout : parse-grid($layout);
|
13
|
+
|
14
|
+
$_width : get-container-width($layout);
|
15
|
+
$_justify : parse-container-position(susy-get(container-position, $layout));
|
16
|
+
$_property : if(susy-get(math, $layout) == static, width, max-width);
|
17
|
+
|
18
|
+
$_box : susy-get(box-sizing, $layout);
|
19
|
+
|
20
|
+
@if $_box {
|
21
|
+
@include output((box-sizing: $_box));
|
22
|
+
}
|
23
|
+
|
24
|
+
@include susy-inspect(container, $inspect);
|
25
|
+
@include float-container($_width, $_justify, $_property);
|
26
|
+
@include show-grid($layout);
|
27
|
+
}
|
28
|
+
|
29
|
+
// Container [function]
|
30
|
+
// --------------------
|
31
|
+
// Return container width
|
32
|
+
// - [$layout] : <settings>
|
33
|
+
@function container(
|
34
|
+
$layout: $susy
|
35
|
+
) {
|
36
|
+
$layout: parse-grid($layout);
|
37
|
+
@return get-container-width($layout);
|
38
|
+
}
|
39
|
+
|
40
|
+
// Get Container Width
|
41
|
+
// -------------------
|
42
|
+
// Calculate the container width
|
43
|
+
// - [$layout]: <settings>
|
44
|
+
@function get-container-width(
|
45
|
+
$layout: $susy
|
46
|
+
) {
|
47
|
+
$layout : parse-grid($layout);
|
48
|
+
$_width : susy-get(container, $layout);
|
49
|
+
$_column-width : susy-get(column-width, $layout);
|
50
|
+
$_math : susy-get(math, $layout);
|
51
|
+
|
52
|
+
@if not($_width) or $_width == auto {
|
53
|
+
@if valid-column-math($_math, $_column-width) {
|
54
|
+
$_columns : susy-get(columns, $layout);
|
55
|
+
$_gutters : susy-get(gutters, $layout);
|
56
|
+
$_spread : if(is-split($layout), wide, narrow);
|
57
|
+
$_width : susy-sum($_columns, $_gutters, $_spread) * $_column-width;
|
58
|
+
} @else {
|
59
|
+
$_width: 100%;
|
60
|
+
}
|
61
|
+
}
|
62
|
+
|
63
|
+
@return $_width;
|
64
|
+
}
|
65
|
+
|
66
|
+
// Parse Container Position
|
67
|
+
// ------------------------
|
68
|
+
// Parse the $container-position into margin values.
|
69
|
+
// - [$justify] : left | center | right | <length> [<length>]
|
70
|
+
@function parse-container-position(
|
71
|
+
$justify: map-get($susy-defaults, container-position)
|
72
|
+
) {
|
73
|
+
$_return: if($justify == left, 0, auto) if($justify == right, 0, auto);
|
74
|
+
|
75
|
+
@if not(index(left right center, $justify)) {
|
76
|
+
$_return: nth($justify, 1);
|
77
|
+
$_return: $_return if(length($justify) > 1, nth($justify, 2), $_return);
|
78
|
+
}
|
79
|
+
|
80
|
+
@return $_return;
|
81
|
+
}
|