jekyll-theme-basically-basic 1.0.0 → 1.0.1

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 (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
+ }