prettydocs-jekyll 0.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (68) hide show
  1. checksums.yaml +7 -0
  2. data/README.md +7 -0
  3. data/_data/default/base.yml +20 -0
  4. data/_data/default/cards.yml +35 -0
  5. data/_data/default/contact.yml +24 -0
  6. data/_data/default/faqs.yml +46 -0
  7. data/_includes/_partials/post.html +32 -0
  8. data/_includes/_partials/social-buttons.html +12 -0
  9. data/_includes/_partials/toc.html +43 -0
  10. data/_includes/_sections/blog_post.html +33 -0
  11. data/_includes/_sections/cards.html +25 -0
  12. data/_includes/_sections/contact.html +25 -0
  13. data/_includes/_sections/faqs.html +28 -0
  14. data/_includes/_sections/not-found.html +11 -0
  15. data/_includes/_sections/resources.html +68 -0
  16. data/_includes/_theme/footer.html +19 -0
  17. data/_includes/_theme/head.html +42 -0
  18. data/_includes/_theme/header.html +34 -0
  19. data/_includes/_theme/js.html +7 -0
  20. data/_includes/_utils/common +24 -0
  21. data/_includes/_utils/month +17 -0
  22. data/_layouts/compress.html +9 -0
  23. data/_layouts/default.html +19 -0
  24. data/_layouts/faqs.html +20 -0
  25. data/_layouts/landing.html +18 -0
  26. data/_layouts/page.html +15 -0
  27. data/_layouts/post.html +5 -0
  28. data/_sass/globals/_base.scss +44 -0
  29. data/_sass/globals/_mixins.scss +175 -0
  30. data/_sass/partials/_base.scss +109 -0
  31. data/_sass/partials/_buttons.scss +97 -0
  32. data/_sass/partials/_cards.scss +170 -0
  33. data/_sass/partials/_contact.scss +29 -0
  34. data/_sass/partials/_doc.scss +523 -0
  35. data/_sass/partials/_footer.scss +8 -0
  36. data/_sass/partials/_header.scss +91 -0
  37. data/_sass/partials/_helper.scss +42 -0
  38. data/_sass/partials/_landing.scss +61 -0
  39. data/_sass/partials/_post.scss +32 -0
  40. data/_sass/partials/_resources.scss +10 -0
  41. data/_sass/partials/_toc.scss +163 -0
  42. data/_sass/prettydocs-jekyll.scss +20 -0
  43. data/_sass/vendor/_timeline.scss +221 -0
  44. data/_sass/vendor/timeline/functions/desaturated-lighten.scss +7 -0
  45. data/_sass/vendor/timeline/functions/map-deep-get.scss +9 -0
  46. data/_sass/vendor/timeline/functions/map-set.scss +5 -0
  47. data/_sass/vendor/timeline/functions/mutate-colors.scss +9 -0
  48. data/_sass/vendor/timeline/mixins/timeline-element.scss +23 -0
  49. data/_sass/vendor/timeline/mixins/timeline-event-variant.scss +20 -0
  50. data/_sass/vendor/timeline/mixins/timeline-item-arrow-color-variant.scss +6 -0
  51. data/_sass/vendor/timeline/mixins/timeline-item-arrow-size-variant.scss +17 -0
  52. data/_sass/vendor/timeline/mixins/timeline-item-right-side-position.scss +21 -0
  53. data/_sass/vendor/timeline/mixins/timeline-item-start-margins.scss +9 -0
  54. data/_sass/vendor/timeline/mixins/timeline-item-variant.scss +28 -0
  55. data/_sass/vendor/timeline/mixins/timeline-label-variant.scss +3 -0
  56. data/_sass/vendor/timeline/mixins/timeline-line-variant.scss +5 -0
  57. data/_sass/vendor/timeline/mixins/timeline-point-color-variant.scss +4 -0
  58. data/_sass/vendor/timeline/mixins/timeline-point-size-variant.scss +12 -0
  59. data/_sass/vendor/timeline/mixins/timeline-responsive-variant.scss +26 -0
  60. data/_sass/vendor/timeline/mixins/timeline-row-clearfix.scss +10 -0
  61. data/_sass/vendor/timeline/mixins/timeline-single-column.scss +56 -0
  62. data/_sass/vendor/timeline/mixins/transform-center.scss +3 -0
  63. data/_sass/vendor/timeline/variables.scss +90 -0
  64. data/assets/css/main.scss +4 -0
  65. data/assets/images/empty.gif +0 -0
  66. data/assets/images/favicon.ico +0 -0
  67. data/assets/js/main.js +45 -0
  68. metadata +182 -0
@@ -0,0 +1,7 @@
1
+ @function desaturated-lighten(
2
+ $color,
3
+ $desaturate-percentage: 40%,
4
+ $lighten-percentage: 20%
5
+ ) {
6
+ @return lighten(desaturate($color, $desaturate-percentage), $lighten-percentage);
7
+ }
@@ -0,0 +1,9 @@
1
+ @function map-deep-get($map, $keys...) {
2
+ $value: $map;
3
+
4
+ @each $key in $keys {
5
+ $value: map-get($value, $key);
6
+ }
7
+
8
+ @return $value;
9
+ }
@@ -0,0 +1,5 @@
1
+ @function map-set($map, $key, $value) {
2
+ $new: ($key: $value);
3
+
4
+ @return map-merge($map, $new);
5
+ }
@@ -0,0 +1,9 @@
1
+ @function mutate-colors($colors, $mutator) {
2
+ $mutated-colors: ();
3
+
4
+ @each $status, $color in $colors {
5
+ $mutated-colors: map-set($mutated-colors, $status, call($mutator, $color));
6
+ }
7
+
8
+ @return $mutated-colors;
9
+ }
@@ -0,0 +1,23 @@
1
+ @mixin timeline-element() {
2
+ position: relative;
3
+ float: left;
4
+ clear: left;
5
+
6
+ width: 50%;
7
+
8
+ margin-bottom: $timeline-item-margin-bottom;
9
+
10
+ &:before, &:after {
11
+ content: "";
12
+
13
+ display: table;
14
+ }
15
+
16
+ &:after {
17
+ clear: both;
18
+ }
19
+
20
+ &:last-child {
21
+ margin-bottom: 0 !important;
22
+ }
23
+ }
@@ -0,0 +1,20 @@
1
+ @import "timeline-item-arrow-color-variant";
2
+
3
+ @mixin timeline-event-variant($background-color, $border-color, $color) {
4
+ background: $background-color;
5
+ border: 1px solid $border-color;
6
+
7
+ color: $color;
8
+
9
+ &:before {
10
+ @include timeline-item-arrow-color-variant($border-color);
11
+ }
12
+
13
+ &:after {
14
+ @include timeline-item-arrow-color-variant($background-color);
15
+ }
16
+
17
+ & h1, h2, h3, h4, h5, h6, p, .timeline-inherit-color {
18
+ color: inherit;
19
+ }
20
+ }
@@ -0,0 +1,6 @@
1
+ @mixin timeline-item-arrow-color-variant($color) {
2
+ border: {
3
+ left-color: $color;
4
+ right-color: $color;
5
+ }
6
+ }
@@ -0,0 +1,17 @@
1
+ @mixin timeline-item-arrow-size-variant($top-offset, $arrow-width) {
2
+ top: $top-offset;
3
+ right: -$arrow-width;
4
+
5
+ border: {
6
+ top: $arrow-width solid transparent;
7
+ left: {
8
+ width: $arrow-width;
9
+ style: solid;
10
+ }
11
+ right: {
12
+ width: 0;
13
+ style: solid;
14
+ }
15
+ bottom: $arrow-width solid transparent;
16
+ }
17
+ }
@@ -0,0 +1,21 @@
1
+ @mixin timeline-item-right-side-position($arrow-width) {
2
+ float: right !important;
3
+
4
+ &:before, &:after {
5
+ right: auto !important;
6
+
7
+ border-left-width: 0 !important;
8
+ }
9
+
10
+ &:before {
11
+ left: -$arrow-width !important;
12
+
13
+ border-right-width: $arrow-width !important;
14
+ }
15
+
16
+ &:after {
17
+ left: -($arrow-width - 1px) !important;
18
+
19
+ border-right-width: $arrow-width - 1px !important;
20
+ }
21
+ }
@@ -0,0 +1,9 @@
1
+ @mixin timeline-item-start-margins($first-item-margin: 0, $second-item-margin: 0) {
2
+ & + .timeline-item:not(.timeline-item-left):not(.timeline-item-right) {
3
+ margin-top: $first-item-margin;
4
+
5
+ & + .timeline-item:not(.timeline-item-left):not(.timeline-item-right) {
6
+ margin-top: $second-item-margin;
7
+ }
8
+ }
9
+ }
@@ -0,0 +1,28 @@
1
+ @import "timeline-item-arrow-size-variant";
2
+ @import "timeline-item-right-side-position";
3
+
4
+ @mixin timeline-item-variant($top-offset, $arrow-width) {
5
+ &.timeline-item-right, &:nth-of-type(even):not(.timeline-item-left) {
6
+ & > .timeline-event {
7
+ @include timeline-item-right-side-position($arrow-width);
8
+ }
9
+ }
10
+
11
+ & > .timeline-event {
12
+ &:before {
13
+ @include timeline-item-arrow-size-variant($top-offset, $arrow-width);
14
+ }
15
+
16
+ &:after {
17
+ @include timeline-item-arrow-size-variant($top-offset + 1px, $arrow-width - 1px);
18
+ }
19
+ }
20
+
21
+ & > .timeline-point {
22
+ top: $top-offset + $arrow-width;
23
+ }
24
+
25
+ @at-root .timeline-single-column#{&} > .timeline-event {
26
+ @include timeline-item-right-side-position($arrow-width);
27
+ }
28
+ }
@@ -0,0 +1,3 @@
1
+ @mixin timeline-label-variant($background-color) {
2
+ background-color: $background-color;
3
+ }
@@ -0,0 +1,5 @@
1
+ @mixin timeline-line-variant($border-style) {
2
+ &:before {
3
+ border-right-style: $border-style;
4
+ }
5
+ }
@@ -0,0 +1,4 @@
1
+ @mixin timeline-point-color-variant($background, $color) {
2
+ color: $color;
3
+ background: $background;
4
+ }
@@ -0,0 +1,12 @@
1
+ @mixin timeline-point-size-variant($width, $height) {
2
+ right: -$width;
3
+
4
+ width: $width;
5
+ height: $height;
6
+
7
+ margin: {
8
+ top: -($height / 2);
9
+ left: $width / 2;
10
+ right: $width / 2;
11
+ }
12
+ }
@@ -0,0 +1,26 @@
1
+ @mixin timeline-responsive-variant(
2
+ $padding-left-even,
3
+ $padding-right-even,
4
+ $padding-left-odd,
5
+ $padding-right-odd
6
+ ) {
7
+ width: 100%;
8
+
9
+ .timeline-item {
10
+ padding: {
11
+ left: $padding-left-odd;
12
+ right: $padding-right-odd;
13
+ }
14
+
15
+ &.timeline-item-right, &:nth-of-type(even):not(.timeline-item-left) {
16
+ padding: {
17
+ left: $padding-left-even;
18
+ right: $padding-right-even;
19
+ }
20
+ }
21
+
22
+ & .timeline-event {
23
+ width: 100%;
24
+ }
25
+ }
26
+ }
@@ -0,0 +1,10 @@
1
+ @mixin timeline-row-clearfix() {
2
+ &:before, &:after {
3
+ content: " ";
4
+ display: block;
5
+ }
6
+
7
+ &:after {
8
+ clear: both;
9
+ }
10
+ }
@@ -0,0 +1,56 @@
1
+ @import "../functions/map-deep-get";
2
+
3
+ @import "timeline-item-right-side-position";
4
+ @import "timeline-item-start-margins";
5
+ @import "timeline-responsive-variant";
6
+ @import "transform-center";
7
+
8
+ @mixin timeline-single-column($max-width: 100%) {
9
+ &.timeline {
10
+ @include timeline-responsive-variant($timeline-item-width-offset-single-column, 0, $timeline-item-width-offset-single-column, 0);
11
+
12
+ width: 100%;
13
+ max-width: $max-width;
14
+
15
+ &:before {
16
+ left: $timeline-single-column-line-offset;
17
+
18
+ width: 0;
19
+
20
+ margin-left: -(map-get($timeline-line, width) / 2);
21
+ }
22
+
23
+ & .timeline-item {
24
+ width: 100%;
25
+
26
+ margin-bottom: $timeline-item-margin-bottom;
27
+
28
+ &:nth-of-type(even) {
29
+ margin-top: 0;
30
+ }
31
+
32
+ &.timeline-item-left, &.timeline-item-right {
33
+ @include timeline-item-start-margins;
34
+ }
35
+
36
+ & > .timeline-event {
37
+ @include timeline-item-right-side-position(map-deep-get($timeline-item-arrow, md, width));
38
+ }
39
+
40
+ & > .timeline-point {
41
+ @include transform-center;
42
+
43
+ left: $timeline-single-column-line-offset !important;
44
+
45
+ margin-left: 0;
46
+ }
47
+ }
48
+
49
+ & .timeline-label {
50
+ @include timeline-item-start-margins;
51
+ @include transform-center;
52
+
53
+ margin: 0 0 $timeline-item-margin-bottom $timeline-single-column-line-offset;
54
+ }
55
+ }
56
+ }
@@ -0,0 +1,3 @@
1
+ @mixin transform-center() {
2
+ transform: translateX(-50%);
3
+ }
@@ -0,0 +1,90 @@
1
+ @import "functions/desaturated-lighten";
2
+ @import "functions/map-deep-get";
3
+ @import "functions/map-set";
4
+ @import "functions/mutate-colors";
5
+
6
+ $timeline-single-column-breakpoint: 768px;
7
+
8
+ $timeline-color-main-bg: #fff;
9
+
10
+ $timeline-color-gray: #555;
11
+
12
+ $timeline-colors: (
13
+ default: $timeline-color-gray,
14
+ primary: $timeline-color-gray,
15
+ success: #3F8100,
16
+ info: #0062A7,
17
+ warning: #ac7e00,
18
+ danger: #B71500
19
+ );
20
+
21
+ $timeline-color-gray-light: #f5f5f5;
22
+ $timeline-color-gray-lighter: call(get-function("desaturated-lighten"), map-get($timeline-colors, default));
23
+
24
+ $timeline-bg-colors: (
25
+ default: $timeline-color-main-bg,
26
+ primary: $timeline-color-gray-light,
27
+ success: #F3F8ED,
28
+ info: #F0F8FD,
29
+ warning: #FFF9E9,
30
+ danger: #FFC4BC
31
+ );
32
+
33
+ $timeline-desaturated-colors: mutate-colors($timeline-colors, get-function("desaturated-lighten"));
34
+
35
+ $timeline-container-paddings: (
36
+ vertical: 1px,
37
+ horizontal: 0
38
+ );
39
+
40
+ $timeline-line: (
41
+ width: 2px,
42
+ color: $timeline-color-gray-lighter,
43
+ styles: (
44
+ solid: solid,
45
+ dotted: dotted,
46
+ dashed: dashed,
47
+ hidden: none
48
+ )
49
+ );
50
+
51
+ $timeline-single-column-line-offset: 42px;
52
+
53
+ $timeline-item-margin-bottom: 20px;
54
+ $timeline-second-item-margin-top: 40px;
55
+
56
+ $timeline-item-border-radius: 3px;
57
+
58
+ $timeline-item-arrow: (
59
+ sm: (
60
+ offset-top: 4px,
61
+ width: 10px
62
+ ),
63
+ md: (
64
+ offset-top: 10px,
65
+ width: 15px
66
+ ),
67
+ lg: (
68
+ offset-top: 10px,
69
+ width: 18px
70
+ )
71
+ );
72
+
73
+ $timeline-point-border-width: 2px;
74
+
75
+ $timeline-point-width: 24px;
76
+ $timeline-point-height: $timeline-point-width;
77
+
78
+ $timeline-point-blank-width: 12px;
79
+ $timeline-point-blank-height: $timeline-point-blank-width;
80
+
81
+ $timeline-item-width-offset: map-deep-get($timeline-item-arrow, md, width) + 15px;
82
+ $timeline-item-width-offset-single-column: $timeline-single-column-line-offset +
83
+ map-deep-get($timeline-item-arrow, md, width) +
84
+ ($timeline-point-width / 2) +
85
+ 3px;
86
+
87
+ $timeline-item-inner-padding: (
88
+ vertical: 4px,
89
+ horizontal: 10px
90
+ );
@@ -0,0 +1,4 @@
1
+ ---
2
+ ---
3
+
4
+ @import 'prettydocs-jekyll';
Binary file
Binary file
@@ -0,0 +1,45 @@
1
+ $(document).ready(function() {
2
+
3
+ /* ===== Affix Sidebar ===== */
4
+ /* Ref: http://getbootstrap.com/javascript/#affix-examples */
5
+
6
+
7
+ $('#toc-menu').affix({
8
+ offset: {
9
+ top: ($('#header').outerHeight(true) + $('#doc-header').outerHeight(true)) + 45,
10
+ bottom: ($('#footer').outerHeight(true) + $('#promo-block').outerHeight(true)) + 75
11
+ }
12
+ });
13
+
14
+ /* Hack related to: https://github.com/twbs/bootstrap/issues/10236 */
15
+ $(window).on('load resize', function() {
16
+ $(window).trigger('scroll');
17
+ });
18
+
19
+ /* Activate scrollspy menu */
20
+ $('body').scrollspy({target: '#toc-nav', offset: 100});
21
+
22
+ /* Smooth scrolling */
23
+ $('a.scrollto').on('click', function(e){
24
+ //store hash
25
+ var target = this.hash;
26
+ e.preventDefault();
27
+ $('body').scrollTo(target, 800, {offset: 0, 'axis':'y'});
28
+
29
+ });
30
+
31
+
32
+ /* ======= jQuery Responsive equal heights plugin ======= */
33
+ /* Ref: https://github.com/liabru/jquery-match-height */
34
+
35
+ $('#cards-wrapper .item-inner').matchHeight();
36
+ $('#showcase .card').matchHeight();
37
+
38
+ /* Bootstrap lightbox */
39
+ /* Ref: http://ashleydw.github.io/lightbox/ */
40
+
41
+ $(document).delegate('*[data-toggle="lightbox"]', 'click', function(e) {
42
+ e.preventDefault();
43
+ $(this).ekkoLightbox();
44
+ });
45
+ });