jekyll-theme-basically-basic 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (195) hide show
  1. checksums.yaml +7 -0
  2. data/CHANGELOG.md +19 -0
  3. data/LICENSE.md +21 -0
  4. data/README.md +582 -0
  5. data/_includes/author +31 -0
  6. data/_includes/contact-list.html +27 -0
  7. data/_includes/cv/awards.html +24 -0
  8. data/_includes/cv/basics.html +69 -0
  9. data/_includes/cv/education.html +36 -0
  10. data/_includes/cv/interests.html +20 -0
  11. data/_includes/cv/intro.html +18 -0
  12. data/_includes/cv/languages.html +20 -0
  13. data/_includes/cv/publications.html +30 -0
  14. data/_includes/cv/references.html +24 -0
  15. data/_includes/cv/skills.html +20 -0
  16. data/_includes/cv/volunteer.html +46 -0
  17. data/_includes/cv/work.html +46 -0
  18. data/_includes/disqus_comments.html +17 -0
  19. data/_includes/entry.html +29 -0
  20. data/_includes/footer.html +9 -0
  21. data/_includes/google-analytics.html +9 -0
  22. data/_includes/head-feed.html +1 -0
  23. data/_includes/head-seo.html +1 -0
  24. data/_includes/head.html +35 -0
  25. data/_includes/icon-arrow-left.svg +1 -0
  26. data/_includes/icon-arrow-right.svg +1 -0
  27. data/_includes/icon-bitbucket.html +4 -0
  28. data/_includes/icon-bitbucket.svg +1 -0
  29. data/_includes/icon-calendar.svg +1 -0
  30. data/_includes/icon-codepen.html +4 -0
  31. data/_includes/icon-codepen.svg +1 -0
  32. data/_includes/icon-download.svg +1 -0
  33. data/_includes/icon-dribbble.html +4 -0
  34. data/_includes/icon-dribbble.svg +1 -0
  35. data/_includes/icon-email.svg +1 -0
  36. data/_includes/icon-facebook.html +4 -0
  37. data/_includes/icon-facebook.svg +1 -0
  38. data/_includes/icon-flickr.html +4 -0
  39. data/_includes/icon-flickr.svg +1 -0
  40. data/_includes/icon-github.html +4 -0
  41. data/_includes/icon-github.svg +1 -0
  42. data/_includes/icon-gitlab.html +4 -0
  43. data/_includes/icon-gitlab.svg +1 -0
  44. data/_includes/icon-googleplus.html +4 -0
  45. data/_includes/icon-googleplus.svg +1 -0
  46. data/_includes/icon-instagram.html +4 -0
  47. data/_includes/icon-instagram.svg +1 -0
  48. data/_includes/icon-lastfm.html +4 -0
  49. data/_includes/icon-lastfm.svg +1 -0
  50. data/_includes/icon-linkedin.html +4 -0
  51. data/_includes/icon-linkedin.svg +1 -0
  52. data/_includes/icon-pdf.svg +1 -0
  53. data/_includes/icon-pinterest.html +4 -0
  54. data/_includes/icon-pinterest.svg +1 -0
  55. data/_includes/icon-rss.svg +1 -0
  56. data/_includes/icon-soundcloud.html +4 -0
  57. data/_includes/icon-soundcloud.svg +1 -0
  58. data/_includes/icon-stackoverflow.html +4 -0
  59. data/_includes/icon-stackoverflow.svg +1 -0
  60. data/_includes/icon-stopwatch.svg +1 -0
  61. data/_includes/icon-tumblr.html +4 -0
  62. data/_includes/icon-tumblr.svg +1 -0
  63. data/_includes/icon-twitter.html +4 -0
  64. data/_includes/icon-twitter.svg +1 -0
  65. data/_includes/icon-xing.html +4 -0
  66. data/_includes/icon-xing.svg +1 -0
  67. data/_includes/icon-youtube.html +4 -0
  68. data/_includes/icon-youtube.svg +1 -0
  69. data/_includes/masthead.html +27 -0
  70. data/_includes/navigation.html +25 -0
  71. data/_includes/page-intro.html +42 -0
  72. data/_includes/posts-all.html +3 -0
  73. data/_includes/posts-paginated.html +16 -0
  74. data/_includes/read-time.html +13 -0
  75. data/_includes/scripts.html +5 -0
  76. data/_includes/skip-links.html +8 -0
  77. data/_layouts/about.html +21 -0
  78. data/_layouts/cv.html +28 -0
  79. data/_layouts/default.html +38 -0
  80. data/_layouts/home.html +30 -0
  81. data/_layouts/page.html +17 -0
  82. data/_layouts/post.html +20 -0
  83. data/_sass/basically-basic.scss +37 -0
  84. data/_sass/basically-basic/_base.scss +110 -0
  85. data/_sass/basically-basic/_buttons.scss +39 -0
  86. data/_sass/basically-basic/_contact-lists.scss +11 -0
  87. data/_sass/basically-basic/_entries.scss +155 -0
  88. data/_sass/basically-basic/_footer.scss +13 -0
  89. data/_sass/basically-basic/_global.scss +36 -0
  90. data/_sass/basically-basic/_icons.scss +43 -0
  91. data/_sass/basically-basic/_intro.scss +65 -0
  92. data/_sass/basically-basic/_layout.scss +178 -0
  93. data/_sass/basically-basic/_mixins.scss +7 -0
  94. data/_sass/basically-basic/_navicons.scss +144 -0
  95. data/_sass/basically-basic/_navigation.scss +51 -0
  96. data/_sass/basically-basic/_reset.scss +522 -0
  97. data/_sass/basically-basic/_sidebar.scss +177 -0
  98. data/_sass/basically-basic/_syntax-highlighting.scss +127 -0
  99. data/_sass/basically-basic/_tables.scss +42 -0
  100. data/_sass/basically-basic/_utilities.scss +5 -0
  101. data/_sass/basically-basic/_variables.scss +84 -0
  102. data/_sass/basically-basic/mixins/_clearfix.scss +11 -0
  103. data/_sass/basically-basic/mixins/_color.scss +21 -0
  104. data/_sass/basically-basic/mixins/_float.scss +15 -0
  105. data/_sass/basically-basic/mixins/_fluid-type.scss +33 -0
  106. data/_sass/basically-basic/mixins/_image.scss +38 -0
  107. data/_sass/basically-basic/mixins/_lists.scss +9 -0
  108. data/_sass/basically-basic/mixins/_text-truncate.scss +10 -0
  109. data/_sass/basically-basic/themes/_default.scss +5 -0
  110. data/_sass/basically-basic/themes/_night.scss +12 -0
  111. data/_sass/basically-basic/themes/_plum.scss +12 -0
  112. data/_sass/basically-basic/themes/_sea.scss +12 -0
  113. data/_sass/basically-basic/themes/_soft.scss +12 -0
  114. data/_sass/basically-basic/themes/_steel.scss +12 -0
  115. data/_sass/basically-basic/utilities/_accessibility.scss +54 -0
  116. data/_sass/basically-basic/utilities/_align.scss +64 -0
  117. data/_sass/basically-basic/utilities/_clearfix.scss +7 -0
  118. data/_sass/basically-basic/utilities/_float.scss +7 -0
  119. data/_sass/basically-basic/utilities/_text.scss +28 -0
  120. data/_sass/basically-basic/vendor/_breakpoint.scss +114 -0
  121. data/_sass/basically-basic/vendor/_su.scss +4 -0
  122. data/_sass/basically-basic/vendor/_susy.scss +4 -0
  123. data/_sass/basically-basic/vendor/_susyone.scss +4 -0
  124. data/_sass/basically-basic/vendor/breakpoint/_context.scss +95 -0
  125. data/_sass/basically-basic/vendor/breakpoint/_helpers.scss +151 -0
  126. data/_sass/basically-basic/vendor/breakpoint/_legacy-settings.scss +50 -0
  127. data/_sass/basically-basic/vendor/breakpoint/_no-query.scss +15 -0
  128. data/_sass/basically-basic/vendor/breakpoint/_parsers.scss +215 -0
  129. data/_sass/basically-basic/vendor/breakpoint/_respond-to.scss +82 -0
  130. data/_sass/basically-basic/vendor/breakpoint/_settings.scss +71 -0
  131. data/_sass/basically-basic/vendor/breakpoint/parsers/_double.scss +33 -0
  132. data/_sass/basically-basic/vendor/breakpoint/parsers/_query.scss +82 -0
  133. data/_sass/basically-basic/vendor/breakpoint/parsers/_resolution.scss +31 -0
  134. data/_sass/basically-basic/vendor/breakpoint/parsers/_single.scss +26 -0
  135. data/_sass/basically-basic/vendor/breakpoint/parsers/_triple.scss +36 -0
  136. data/_sass/basically-basic/vendor/breakpoint/parsers/double/_default-pair.scss +21 -0
  137. data/_sass/basically-basic/vendor/breakpoint/parsers/double/_default.scss +22 -0
  138. data/_sass/basically-basic/vendor/breakpoint/parsers/double/_double-string.scss +22 -0
  139. data/_sass/basically-basic/vendor/breakpoint/parsers/resolution/_resolution.scss +60 -0
  140. data/_sass/basically-basic/vendor/breakpoint/parsers/single/_default.scss +13 -0
  141. data/_sass/basically-basic/vendor/breakpoint/parsers/triple/_default.scss +18 -0
  142. data/_sass/basically-basic/vendor/susy/_su.scss +7 -0
  143. data/_sass/basically-basic/vendor/susy/language/_susy.scss +24 -0
  144. data/_sass/basically-basic/vendor/susy/language/_susyone.scss +13 -0
  145. data/_sass/basically-basic/vendor/susy/language/susy/_background.scss +385 -0
  146. data/_sass/basically-basic/vendor/susy/language/susy/_bleed.scss +200 -0
  147. data/_sass/basically-basic/vendor/susy/language/susy/_box-sizing.scss +47 -0
  148. data/_sass/basically-basic/vendor/susy/language/susy/_breakpoint-plugin.scss +185 -0
  149. data/_sass/basically-basic/vendor/susy/language/susy/_container.scss +81 -0
  150. data/_sass/basically-basic/vendor/susy/language/susy/_context.scss +36 -0
  151. data/_sass/basically-basic/vendor/susy/language/susy/_gallery.scss +94 -0
  152. data/_sass/basically-basic/vendor/susy/language/susy/_grids.scss +64 -0
  153. data/_sass/basically-basic/vendor/susy/language/susy/_gutters.scss +154 -0
  154. data/_sass/basically-basic/vendor/susy/language/susy/_isolate.scss +77 -0
  155. data/_sass/basically-basic/vendor/susy/language/susy/_margins.scss +94 -0
  156. data/_sass/basically-basic/vendor/susy/language/susy/_padding.scss +74 -0
  157. data/_sass/basically-basic/vendor/susy/language/susy/_rows.scss +138 -0
  158. data/_sass/basically-basic/vendor/susy/language/susy/_settings.scss +216 -0
  159. data/_sass/basically-basic/vendor/susy/language/susy/_span.scss +163 -0
  160. data/_sass/basically-basic/vendor/susy/language/susy/_validation.scss +16 -0
  161. data/_sass/basically-basic/vendor/susy/language/susyone/_background.scss +18 -0
  162. data/_sass/basically-basic/vendor/susy/language/susyone/_functions.scss +377 -0
  163. data/_sass/basically-basic/vendor/susy/language/susyone/_grid.scss +312 -0
  164. data/_sass/basically-basic/vendor/susy/language/susyone/_isolation.scss +51 -0
  165. data/_sass/basically-basic/vendor/susy/language/susyone/_margin.scss +93 -0
  166. data/_sass/basically-basic/vendor/susy/language/susyone/_media.scss +105 -0
  167. data/_sass/basically-basic/vendor/susy/language/susyone/_padding.scss +92 -0
  168. data/_sass/basically-basic/vendor/susy/language/susyone/_settings.scss +60 -0
  169. data/_sass/basically-basic/vendor/susy/output/_float.scss +9 -0
  170. data/_sass/basically-basic/vendor/susy/output/_shared.scss +15 -0
  171. data/_sass/basically-basic/vendor/susy/output/_support.scss +9 -0
  172. data/_sass/basically-basic/vendor/susy/output/float/_container.scss +16 -0
  173. data/_sass/basically-basic/vendor/susy/output/float/_end.scss +40 -0
  174. data/_sass/basically-basic/vendor/susy/output/float/_isolate.scss +22 -0
  175. data/_sass/basically-basic/vendor/susy/output/float/_span.scss +35 -0
  176. data/_sass/basically-basic/vendor/susy/output/shared/_background.scss +26 -0
  177. data/_sass/basically-basic/vendor/susy/output/shared/_container.scss +21 -0
  178. data/_sass/basically-basic/vendor/susy/output/shared/_direction.scss +42 -0
  179. data/_sass/basically-basic/vendor/susy/output/shared/_inspect.scss +25 -0
  180. data/_sass/basically-basic/vendor/susy/output/shared/_margins.scss +23 -0
  181. data/_sass/basically-basic/vendor/susy/output/shared/_output.scss +14 -0
  182. data/_sass/basically-basic/vendor/susy/output/shared/_padding.scss +23 -0
  183. data/_sass/basically-basic/vendor/susy/output/support/_background.scss +58 -0
  184. data/_sass/basically-basic/vendor/susy/output/support/_box-sizing.scss +19 -0
  185. data/_sass/basically-basic/vendor/susy/output/support/_clearfix.scss +18 -0
  186. data/_sass/basically-basic/vendor/susy/output/support/_prefix.scss +19 -0
  187. data/_sass/basically-basic/vendor/susy/output/support/_rem.scss +22 -0
  188. data/_sass/basically-basic/vendor/susy/output/support/_support.scss +85 -0
  189. data/_sass/basically-basic/vendor/susy/su/_grid.scss +103 -0
  190. data/_sass/basically-basic/vendor/susy/su/_settings.scss +73 -0
  191. data/_sass/basically-basic/vendor/susy/su/_utilities.scss +111 -0
  192. data/_sass/basically-basic/vendor/susy/su/_validation.scss +57 -0
  193. data/assets/javascripts/main.js +57 -0
  194. data/assets/stylesheets/main.scss +10 -0
  195. metadata +335 -0
@@ -0,0 +1,40 @@
1
+ // Float Ends API
2
+ // ==============
3
+
4
+ // Susy End Defaults
5
+ // -----------------
6
+ // - PRIVATE
7
+ @include susy-defaults((
8
+ last-flow: to,
9
+ ));
10
+
11
+ // Float Last
12
+ // ----------
13
+ // - [$flow] : ltr | rtl
14
+ @mixin float-last(
15
+ $flow: map-get($susy-defaults, flow),
16
+ $last-flow: map-get($susy-defaults, last-flow),
17
+ $margin: 0
18
+ ) {
19
+ $to: to($flow);
20
+
21
+ $output: (
22
+ float: if($last-flow == to, $to, null),
23
+ margin-#{$to}: $margin,
24
+ );
25
+
26
+ @include output($output);
27
+ }
28
+
29
+ // Float First
30
+ // -----------
31
+ // - [$flow] : ltr | rtl
32
+ @mixin float-first(
33
+ $flow: map-get($susy-defaults, flow)
34
+ ) {
35
+ $output: (
36
+ margin-#{from($flow)}: 0,
37
+ );
38
+
39
+ @include output($output);
40
+ }
@@ -0,0 +1,22 @@
1
+ // Float Isolation API
2
+ // ===================
3
+
4
+ // Isolate Output
5
+ // --------------
6
+ // - $push : <length>
7
+ // - [$flow] : ltr | rtl
8
+ @mixin isolate-output(
9
+ $push,
10
+ $flow: map-get($susy-defaults, flow)
11
+ ) {
12
+ $to: to($flow);
13
+ $from: from($flow);
14
+
15
+ $output: (
16
+ float: $from,
17
+ margin-#{$from}: $push,
18
+ margin-#{$to}: -100%,
19
+ );
20
+
21
+ @include output($output);
22
+ }
@@ -0,0 +1,35 @@
1
+ // Float Span API
2
+ // ==============
3
+
4
+ // Float Span Output
5
+ // -----------------
6
+ // - $width : <length>
7
+ // - [$float] : from | to
8
+ // - [$margin-before] : <length>
9
+ // - [$margin-after] : <length>
10
+ // - [$padding-before] : <length>
11
+ // - [$padding-after] : <length>
12
+ // - [$flow] : ltr | rtl
13
+ @mixin float-span-output(
14
+ $width,
15
+ $float : from,
16
+ $margin-before : null,
17
+ $margin-after : null,
18
+ $padding-before : null,
19
+ $padding-after : null,
20
+ $flow : map-get($susy-defaults, flow)
21
+ ) {
22
+ $to : to($flow);
23
+ $from : from($flow);
24
+
25
+ $output: (
26
+ width: $width,
27
+ float: if($float == to, $to, null) or if($float == from, $from, null),
28
+ margin-#{$from}: $margin-before,
29
+ margin-#{$to}: $margin-after,
30
+ padding-#{$from}: $padding-before,
31
+ padding-#{$to}: $padding-after,
32
+ );
33
+
34
+ @include output($output);
35
+ }
@@ -0,0 +1,26 @@
1
+ // Grid Background API
2
+ // ===================
3
+ // - Sub-pixel rounding can lead to several pixels variation between browsers.
4
+
5
+ // Grid Background Output
6
+ // ----------------------
7
+ // - $image: background-image
8
+ // - $size: background-size
9
+ // - $clip: background-clip
10
+ // - [$flow]: ltr | rtl
11
+ @mixin background-grid-output (
12
+ $image,
13
+ $size: null,
14
+ $clip: null,
15
+ $flow: map-get($susy-defaults, flow)
16
+ ) {
17
+ $output: (
18
+ background-image: $image,
19
+ background-size: $size,
20
+ background-origin: $clip,
21
+ background-clip: $clip,
22
+ background-position: from($flow) top,
23
+ );
24
+
25
+ @include output($output);
26
+ }
@@ -0,0 +1,21 @@
1
+ // Shared Container API
2
+ // ====================
3
+
4
+ // Container Output
5
+ // ----------------
6
+ // - [$width] : <length>
7
+ // - [$justify] : left | center | right
8
+ // - [$math] : fluid | static
9
+ @mixin container-output(
10
+ $width,
11
+ $justify: auto auto,
12
+ $property: max-width
13
+ ) {
14
+ $output: (
15
+ #{$property}: $width or 100%,
16
+ margin-left: nth($justify, 1),
17
+ margin-right: nth($justify, 2),
18
+ );
19
+
20
+ @include output($output);
21
+ }
@@ -0,0 +1,42 @@
1
+ // Direction Helpers
2
+ // =================
3
+
4
+ // Susy Flow Defaults
5
+ // ------------------
6
+ // - PRIVATE
7
+ @include susy-defaults((
8
+ flow: ltr,
9
+ ));
10
+
11
+ // Get Direction
12
+ // -------------
13
+ // Return the 'from' or 'to' direction of a ltr or rtl flow.
14
+ // - [$flow] : ltr | rtl
15
+ // - [$key] : from | to
16
+ @function get-direction(
17
+ $flow: map-get($susy-defaults, flow),
18
+ $key: from
19
+ ) {
20
+ $return: if($flow == rtl, (from: right, to: left), (from: left, to: right));
21
+ @return map-get($return, $key);
22
+ }
23
+
24
+ // To
25
+ // --
26
+ // Return the 'to' direction of a flow
27
+ // - [$flow] : ltr | rtl
28
+ @function to(
29
+ $flow: map-get($susy-defaults, flow)
30
+ ) {
31
+ @return get-direction($flow, to);
32
+ }
33
+
34
+ // From
35
+ // ----
36
+ // Return the 'from' direction of a flow
37
+ // - [$flow] : ltr | rtl
38
+ @function from(
39
+ $flow: map-get($susy-defaults, flow)
40
+ ) {
41
+ @return get-direction($flow, from);
42
+ }
@@ -0,0 +1,25 @@
1
+ // Debugging
2
+ // =========
3
+
4
+ // Susy Inspect
5
+ // ------------
6
+ // Output arguments passed to a inspect.
7
+ // - $mixin : <susy mixin>
8
+ // - $inspec : <mixin arguments>
9
+
10
+ @mixin susy-inspect(
11
+ $mixin,
12
+ $inspect
13
+ ) {
14
+ $show: false;
15
+
16
+ @each $item in $inspect {
17
+ @if index($item, inspect) {
18
+ $show: true;
19
+ }
20
+ }
21
+
22
+ @if $show or susy-get(debug inspect) {
23
+ -susy-#{$mixin}: inspect($inspect);
24
+ }
25
+ }
@@ -0,0 +1,23 @@
1
+ // Margins API
2
+ // ===========
3
+
4
+ // Margin Output
5
+ // -------------
6
+ // - $before : <length>
7
+ // - $after : <length>
8
+ // - [$flow] : ltr | rtl
9
+ @mixin margin-output(
10
+ $before,
11
+ $after,
12
+ $flow: map-get($susy-defaults, flow)
13
+ ) {
14
+ $to: to($flow);
15
+ $from: from($flow);
16
+
17
+ $output: (
18
+ margin-#{$from}: $before,
19
+ margin-#{$to}: $after,
20
+ );
21
+
22
+ @include output($output);
23
+ }
@@ -0,0 +1,14 @@
1
+ // Output
2
+ // ======
3
+
4
+ // Output
5
+ // ------
6
+ // Output CSS with proper browser support.
7
+ // - $styles : <map of css property-value pairs>
8
+ @mixin output(
9
+ $styles
10
+ ) {
11
+ @each $prop, $val in $styles {
12
+ @include susy-support($prop, $val);
13
+ }
14
+ }
@@ -0,0 +1,23 @@
1
+ // Padding API
2
+ // ===========
3
+
4
+ // Padding Output
5
+ // --------------
6
+ // - $before : <length>
7
+ // - $after : <length>
8
+ // - [$flow] : ltr | rtl
9
+ @mixin padding-output(
10
+ $before,
11
+ $after,
12
+ $flow: map-get($susy-defaults, flow)
13
+ ) {
14
+ $to: to($flow);
15
+ $from: from($flow);
16
+
17
+ $output: (
18
+ padding-#{$from}: $before,
19
+ padding-#{$to}: $after,
20
+ );
21
+
22
+ @include output($output);
23
+ }
@@ -0,0 +1,58 @@
1
+ // Background Properties
2
+ // =====================
3
+
4
+ // Susy Background Image
5
+ // ---------------------
6
+ // Check for an existing support mixin, or provide a simple fallback.
7
+ // - $image: <background-image>
8
+ @mixin susy-background-image(
9
+ $image
10
+ ) {
11
+ @if susy-support(background-image, (mixin: background-image), $warn: false) {
12
+ @include background-image($image...);
13
+ } @else {
14
+ background-image: $image;
15
+ }
16
+ }
17
+
18
+ // Susy Background Size
19
+ // ---------------------
20
+ // Check for an existing support mixin, or provide a simple fallback.
21
+ // - $image: <background-size>
22
+ @mixin susy-background-size(
23
+ $size
24
+ ) {
25
+ @if susy-support(background-options, (mixin: background-size)) {
26
+ @include background-size($size);
27
+ } @else {
28
+ background-size: $size;
29
+ }
30
+ }
31
+
32
+ // Susy Background Origin
33
+ // ----------------------
34
+ // Check for an existing support mixin, or provide a simple fallback.
35
+ // - $image: <background-origin>
36
+ @mixin susy-background-origin(
37
+ $origin
38
+ ) {
39
+ @if susy-support(background-options, (mixin: background-origin)) {
40
+ @include background-origin($origin);
41
+ } @else {
42
+ background-origin: $origin;
43
+ }
44
+ }
45
+
46
+ // Susy Background Clip
47
+ // --------------------
48
+ // Check for an existing support mixin, or provide a simple fallback.
49
+ // - $image: <background-clip>
50
+ @mixin susy-background-clip(
51
+ $clip
52
+ ) {
53
+ @if susy-support(background-options, (mixin: background-clip)) {
54
+ @include background-clip($clip);
55
+ } @else {
56
+ background-clip: $clip;
57
+ }
58
+ }
@@ -0,0 +1,19 @@
1
+ // Box Sizing
2
+ // ==========
3
+
4
+ // Box Sizing
5
+ // ----------
6
+ // Check for an existing support mixin, or provide a simple fallback.
7
+ // - $model: <box-sizing>
8
+ @mixin susy-box-sizing(
9
+ $model: content-box
10
+ ) {
11
+ @if $model {
12
+ @if susy-support(box-sizing, (mixin: box-sizing), $warn: false) {
13
+ @include box-sizing($model);
14
+ } @else {
15
+ $prefix: (moz, webkit, official);
16
+ @include susy-prefix(box-sizing, $model, $prefix);
17
+ }
18
+ }
19
+ }
@@ -0,0 +1,18 @@
1
+ // Susy Fallback Clearfix
2
+ // ======================
3
+
4
+
5
+ // Clearfix
6
+ // --------
7
+ // Check for an existing support mixin, or provide a simple fallback.
8
+ @mixin susy-clearfix {
9
+ @if susy-support(clearfix, (mixin: clearfix)) {
10
+ @include clearfix;
11
+ } @else {
12
+ &:after {
13
+ content: " ";
14
+ display: block;
15
+ clear: both;
16
+ }
17
+ }
18
+ }
@@ -0,0 +1,19 @@
1
+ // Susy Prefix
2
+ // ===========
3
+
4
+ // Prefix
5
+ // ------
6
+ // Output simple prefixed properties.
7
+ // - $prop : <css property>
8
+ // - $val : <css value>
9
+ // - [$prefix] : <browser prefix list>
10
+ @mixin susy-prefix(
11
+ $prop,
12
+ $val,
13
+ $prefix: official
14
+ ) {
15
+ @each $fix in $prefix {
16
+ $fix: if($fix == official or not($fix), $prop, '-#{$fix}-#{$prop}');
17
+ @include susy-rem($fix, $val);
18
+ }
19
+ }
@@ -0,0 +1,22 @@
1
+ // rem Support
2
+ // ===========
3
+
4
+ // rem
5
+ // ---
6
+ // Check for an existing support mixin, or output directly.
7
+ // - $prop : <css property>
8
+ // - $val : <css value>
9
+ @mixin susy-rem(
10
+ $prop,
11
+ $val
12
+ ) {
13
+ $_reqs: (
14
+ variable: rhythm-unit rem-with-px-fallback,
15
+ mixin: rem,
16
+ );
17
+ @if susy-support(rem, $_reqs, $warn: false) and $rhythm-unit == rem {
18
+ @include rem($prop, $val);
19
+ } @else {
20
+ #{$prop}: $val;
21
+ }
22
+ }
@@ -0,0 +1,85 @@
1
+ // Browser Support
2
+ // ===============
3
+
4
+ // Susy Support Defaults
5
+ // ---------------------
6
+ @include susy-defaults((
7
+ use-custom: (
8
+ clearfix: false,
9
+ background-image: true,
10
+ background-options: false,
11
+ breakpoint: true,
12
+ box-sizing: true,
13
+ rem: true,
14
+ ),
15
+ ));
16
+
17
+
18
+ // Susy Support [mixin]
19
+ // --------------------
20
+ // Send property-value pairs to the proper support modules.
21
+ // - $prop : <css property>
22
+ // - $val : <css value>
23
+ @mixin susy-support(
24
+ $prop,
25
+ $val
26
+ ) {
27
+ // Background Support
28
+ @if $prop == background-image {
29
+ @include susy-background-image($val);
30
+ } @else if $prop == background-size {
31
+ @include susy-background-size($val);
32
+ } @else if $prop == background-origin {
33
+ @include susy-background-origin($val);
34
+ } @else if $prop == background-clip {
35
+ @include susy-background-clip($val);
36
+ }
37
+
38
+ // Box-Sizing Support
39
+ @else if $prop == box-sizing {
40
+ @include susy-box-sizing($val);
41
+ }
42
+
43
+ // Rem Support
44
+ @else {
45
+ @include susy-rem($prop, $val);
46
+ }
47
+ }
48
+
49
+
50
+ // Susy Support [function]
51
+ // -----------------------
52
+ // Check for support of a feature.
53
+ // - $feature : <string>
54
+ // - e.g "rem" or "box-sizing"
55
+ // - $requirements : <map>
56
+ // - e.g (variable: rem-with-px-fallback, mixin: rem)
57
+ // - $warn : <bool>
58
+ @function susy-support(
59
+ $feature,
60
+ $requirements: (),
61
+ $warn: true
62
+ ) {
63
+ $_support: susy-get(use-custom $feature);
64
+
65
+ @if $_support {
66
+ $_fail: false;
67
+
68
+ @each $_type, $_req in $requirements {
69
+ @each $_i in $_req {
70
+ $_pass: call(unquote("#{$_type}-exists"), $_i);
71
+
72
+ @if not($_pass) {
73
+ $_fail: true;
74
+ @if $warn {
75
+ @warn "You requested custom support of #{$feature}, but the #{$_i} #{$_type} is not available.";
76
+ }
77
+ }
78
+ }
79
+ }
80
+
81
+ $_support: if($_fail, false, $_support);
82
+ }
83
+
84
+ @return $_support;
85
+ }