jekyll-theme-basically-basic 1.0.0 → 1.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (165) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +14 -19
  3. data/LICENSE.md +20 -20
  4. data/README.md +32 -2
  5. data/_includes/author +30 -30
  6. data/_includes/contact-list.html +26 -26
  7. data/_includes/cv/awards.html +23 -23
  8. data/_includes/cv/education.html +36 -36
  9. data/_includes/cv/interests.html +19 -19
  10. data/_includes/cv/intro.html +18 -18
  11. data/_includes/cv/languages.html +19 -19
  12. data/_includes/cv/publications.html +29 -29
  13. data/_includes/cv/references.html +23 -23
  14. data/_includes/cv/skills.html +19 -19
  15. data/_includes/cv/volunteer.html +46 -46
  16. data/_includes/cv/work.html +46 -46
  17. data/_includes/disqus_comments.html +16 -16
  18. data/_includes/entry.html +29 -29
  19. data/_includes/footer.html +9 -9
  20. data/_includes/google-analytics.html +8 -8
  21. data/_includes/icon-bitbucket.html +4 -4
  22. data/_includes/icon-codepen.html +4 -4
  23. data/_includes/icon-dribbble.html +4 -4
  24. data/_includes/icon-facebook.html +4 -4
  25. data/_includes/icon-flickr.html +4 -4
  26. data/_includes/icon-github.html +4 -4
  27. data/_includes/icon-gitlab.html +4 -4
  28. data/_includes/icon-googleplus.html +4 -4
  29. data/_includes/icon-instagram.html +4 -4
  30. data/_includes/icon-lastfm.html +4 -4
  31. data/_includes/icon-linkedin.html +4 -4
  32. data/_includes/icon-pinterest.html +4 -4
  33. data/_includes/icon-soundcloud.html +4 -4
  34. data/_includes/icon-stackoverflow.html +4 -4
  35. data/_includes/icon-tumblr.html +4 -4
  36. data/_includes/icon-twitter.html +4 -4
  37. data/_includes/icon-xing.html +4 -4
  38. data/_includes/icon-youtube.html +4 -4
  39. data/_includes/navigation.html +24 -24
  40. data/_includes/page-intro.html +42 -42
  41. data/_includes/posts-all.html +2 -2
  42. data/_includes/posts-paginated.html +15 -15
  43. data/_includes/read-time.html +13 -13
  44. data/_includes/scripts.html +4 -4
  45. data/_includes/skip-links.html +7 -7
  46. data/_layouts/about.html +21 -21
  47. data/_layouts/cv.html +28 -28
  48. data/_layouts/default.html +38 -38
  49. data/_layouts/home.html +30 -30
  50. data/_layouts/page.html +17 -17
  51. data/_layouts/post.html +20 -20
  52. data/_sass/basically-basic.scss +41 -37
  53. data/_sass/basically-basic/_base.scss +110 -110
  54. data/_sass/basically-basic/_buttons.scss +39 -39
  55. data/_sass/basically-basic/_contact-lists.scss +11 -11
  56. data/_sass/basically-basic/_entries.scss +155 -155
  57. data/_sass/basically-basic/_footer.scss +13 -13
  58. data/_sass/basically-basic/_global.scss +36 -36
  59. data/_sass/basically-basic/_icons.scss +43 -43
  60. data/_sass/basically-basic/_intro.scss +65 -65
  61. data/_sass/basically-basic/_layout.scss +178 -178
  62. data/_sass/basically-basic/_mixins.scss +7 -7
  63. data/_sass/basically-basic/_navicons.scss +144 -144
  64. data/_sass/basically-basic/_navigation.scss +51 -51
  65. data/_sass/basically-basic/_print.scss +226 -0
  66. data/_sass/basically-basic/_reset.scss +522 -522
  67. data/_sass/basically-basic/_responsive-embed.scss +70 -0
  68. data/_sass/basically-basic/_sidebar.scss +177 -177
  69. data/_sass/basically-basic/_syntax-highlighting.scss +127 -127
  70. data/_sass/basically-basic/_tables.scss +42 -42
  71. data/_sass/basically-basic/_variables.scss +84 -84
  72. data/_sass/basically-basic/mixins/_clearfix.scss +11 -11
  73. data/_sass/basically-basic/mixins/_color.scss +21 -21
  74. data/_sass/basically-basic/mixins/_float.scss +15 -15
  75. data/_sass/basically-basic/mixins/_fluid-type.scss +33 -33
  76. data/_sass/basically-basic/mixins/_image.scss +38 -38
  77. data/_sass/basically-basic/mixins/_lists.scss +9 -9
  78. data/_sass/basically-basic/mixins/_text-truncate.scss +10 -10
  79. data/_sass/basically-basic/themes/_default.scss +5 -5
  80. data/_sass/basically-basic/themes/_night.scss +12 -12
  81. data/_sass/basically-basic/themes/_plum.scss +12 -12
  82. data/_sass/basically-basic/themes/_sea.scss +12 -12
  83. data/_sass/basically-basic/themes/_soft.scss +12 -12
  84. data/_sass/basically-basic/themes/_steel.scss +12 -12
  85. data/_sass/basically-basic/utilities/_accessibility.scss +54 -54
  86. data/_sass/basically-basic/utilities/_align.scss +64 -64
  87. data/_sass/basically-basic/utilities/_clearfix.scss +7 -7
  88. data/_sass/basically-basic/utilities/_float.scss +7 -7
  89. data/_sass/basically-basic/utilities/_text.scss +28 -28
  90. data/_sass/basically-basic/vendor/_breakpoint.scss +114 -114
  91. data/_sass/basically-basic/vendor/_su.scss +4 -4
  92. data/_sass/basically-basic/vendor/_susy.scss +4 -4
  93. data/_sass/basically-basic/vendor/_susyone.scss +4 -4
  94. data/_sass/basically-basic/vendor/breakpoint/_context.scss +94 -94
  95. data/_sass/basically-basic/vendor/breakpoint/_helpers.scss +151 -151
  96. data/_sass/basically-basic/vendor/breakpoint/_legacy-settings.scss +49 -49
  97. data/_sass/basically-basic/vendor/breakpoint/_no-query.scss +15 -15
  98. data/_sass/basically-basic/vendor/breakpoint/_parsers.scss +215 -215
  99. data/_sass/basically-basic/vendor/breakpoint/_respond-to.scss +82 -82
  100. data/_sass/basically-basic/vendor/breakpoint/_settings.scss +70 -70
  101. data/_sass/basically-basic/vendor/breakpoint/parsers/_double.scss +33 -33
  102. data/_sass/basically-basic/vendor/breakpoint/parsers/_query.scss +82 -82
  103. data/_sass/basically-basic/vendor/breakpoint/parsers/_resolution.scss +31 -31
  104. data/_sass/basically-basic/vendor/breakpoint/parsers/_single.scss +26 -26
  105. data/_sass/basically-basic/vendor/breakpoint/parsers/_triple.scss +36 -36
  106. data/_sass/basically-basic/vendor/breakpoint/parsers/double/_default-pair.scss +21 -21
  107. data/_sass/basically-basic/vendor/breakpoint/parsers/double/_default.scss +22 -22
  108. data/_sass/basically-basic/vendor/breakpoint/parsers/double/_double-string.scss +21 -21
  109. data/_sass/basically-basic/vendor/breakpoint/parsers/resolution/_resolution.scss +60 -60
  110. data/_sass/basically-basic/vendor/breakpoint/parsers/single/_default.scss +13 -13
  111. data/_sass/basically-basic/vendor/breakpoint/parsers/triple/_default.scss +18 -18
  112. data/_sass/basically-basic/vendor/susy/_su.scss +7 -7
  113. data/_sass/basically-basic/vendor/susy/language/_susy.scss +24 -24
  114. data/_sass/basically-basic/vendor/susy/language/_susyone.scss +13 -13
  115. data/_sass/basically-basic/vendor/susy/language/susy/_background.scss +385 -385
  116. data/_sass/basically-basic/vendor/susy/language/susy/_bleed.scss +200 -200
  117. data/_sass/basically-basic/vendor/susy/language/susy/_box-sizing.scss +47 -47
  118. data/_sass/basically-basic/vendor/susy/language/susy/_breakpoint-plugin.scss +185 -185
  119. data/_sass/basically-basic/vendor/susy/language/susy/_container.scss +81 -81
  120. data/_sass/basically-basic/vendor/susy/language/susy/_context.scss +36 -36
  121. data/_sass/basically-basic/vendor/susy/language/susy/_gallery.scss +94 -94
  122. data/_sass/basically-basic/vendor/susy/language/susy/_grids.scss +64 -64
  123. data/_sass/basically-basic/vendor/susy/language/susy/_gutters.scss +154 -154
  124. data/_sass/basically-basic/vendor/susy/language/susy/_isolate.scss +77 -77
  125. data/_sass/basically-basic/vendor/susy/language/susy/_margins.scss +94 -94
  126. data/_sass/basically-basic/vendor/susy/language/susy/_padding.scss +74 -74
  127. data/_sass/basically-basic/vendor/susy/language/susy/_rows.scss +138 -138
  128. data/_sass/basically-basic/vendor/susy/language/susy/_settings.scss +216 -216
  129. data/_sass/basically-basic/vendor/susy/language/susy/_span.scss +163 -163
  130. data/_sass/basically-basic/vendor/susy/language/susy/_validation.scss +16 -16
  131. data/_sass/basically-basic/vendor/susy/language/susyone/_background.scss +18 -18
  132. data/_sass/basically-basic/vendor/susy/language/susyone/_functions.scss +377 -377
  133. data/_sass/basically-basic/vendor/susy/language/susyone/_grid.scss +312 -312
  134. data/_sass/basically-basic/vendor/susy/language/susyone/_isolation.scss +51 -51
  135. data/_sass/basically-basic/vendor/susy/language/susyone/_margin.scss +93 -93
  136. data/_sass/basically-basic/vendor/susy/language/susyone/_media.scss +105 -105
  137. data/_sass/basically-basic/vendor/susy/language/susyone/_padding.scss +92 -92
  138. data/_sass/basically-basic/vendor/susy/language/susyone/_settings.scss +60 -60
  139. data/_sass/basically-basic/vendor/susy/output/_float.scss +9 -9
  140. data/_sass/basically-basic/vendor/susy/output/_shared.scss +15 -15
  141. data/_sass/basically-basic/vendor/susy/output/_support.scss +9 -9
  142. data/_sass/basically-basic/vendor/susy/output/float/_container.scss +16 -16
  143. data/_sass/basically-basic/vendor/susy/output/float/_end.scss +40 -40
  144. data/_sass/basically-basic/vendor/susy/output/float/_isolate.scss +22 -22
  145. data/_sass/basically-basic/vendor/susy/output/float/_span.scss +35 -35
  146. data/_sass/basically-basic/vendor/susy/output/shared/_background.scss +26 -26
  147. data/_sass/basically-basic/vendor/susy/output/shared/_container.scss +21 -21
  148. data/_sass/basically-basic/vendor/susy/output/shared/_direction.scss +42 -42
  149. data/_sass/basically-basic/vendor/susy/output/shared/_inspect.scss +25 -25
  150. data/_sass/basically-basic/vendor/susy/output/shared/_margins.scss +23 -23
  151. data/_sass/basically-basic/vendor/susy/output/shared/_output.scss +14 -14
  152. data/_sass/basically-basic/vendor/susy/output/shared/_padding.scss +23 -23
  153. data/_sass/basically-basic/vendor/susy/output/support/_background.scss +58 -58
  154. data/_sass/basically-basic/vendor/susy/output/support/_box-sizing.scss +19 -19
  155. data/_sass/basically-basic/vendor/susy/output/support/_clearfix.scss +18 -18
  156. data/_sass/basically-basic/vendor/susy/output/support/_prefix.scss +19 -19
  157. data/_sass/basically-basic/vendor/susy/output/support/_rem.scss +22 -22
  158. data/_sass/basically-basic/vendor/susy/output/support/_support.scss +85 -85
  159. data/_sass/basically-basic/vendor/susy/su/_grid.scss +103 -103
  160. data/_sass/basically-basic/vendor/susy/su/_settings.scss +73 -73
  161. data/_sass/basically-basic/vendor/susy/su/_utilities.scss +111 -111
  162. data/_sass/basically-basic/vendor/susy/su/_validation.scss +57 -57
  163. data/assets/javascripts/main.js +57 -57
  164. data/assets/stylesheets/main.scss +9 -9
  165. metadata +4 -2
@@ -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
+ }