prettydocs-jekyll 0.0.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/README.md +7 -0
- data/_data/default/base.yml +20 -0
- data/_data/default/cards.yml +35 -0
- data/_data/default/contact.yml +24 -0
- data/_data/default/faqs.yml +46 -0
- data/_includes/_partials/post.html +32 -0
- data/_includes/_partials/social-buttons.html +12 -0
- data/_includes/_partials/toc.html +43 -0
- data/_includes/_sections/blog_post.html +33 -0
- data/_includes/_sections/cards.html +25 -0
- data/_includes/_sections/contact.html +25 -0
- data/_includes/_sections/faqs.html +28 -0
- data/_includes/_sections/not-found.html +11 -0
- data/_includes/_sections/resources.html +68 -0
- data/_includes/_theme/footer.html +19 -0
- data/_includes/_theme/head.html +42 -0
- data/_includes/_theme/header.html +34 -0
- data/_includes/_theme/js.html +7 -0
- data/_includes/_utils/common +24 -0
- data/_includes/_utils/month +17 -0
- data/_layouts/compress.html +9 -0
- data/_layouts/default.html +19 -0
- data/_layouts/faqs.html +20 -0
- data/_layouts/landing.html +18 -0
- data/_layouts/page.html +15 -0
- data/_layouts/post.html +5 -0
- data/_sass/globals/_base.scss +44 -0
- data/_sass/globals/_mixins.scss +175 -0
- data/_sass/partials/_base.scss +109 -0
- data/_sass/partials/_buttons.scss +97 -0
- data/_sass/partials/_cards.scss +170 -0
- data/_sass/partials/_contact.scss +29 -0
- data/_sass/partials/_doc.scss +523 -0
- data/_sass/partials/_footer.scss +8 -0
- data/_sass/partials/_header.scss +91 -0
- data/_sass/partials/_helper.scss +42 -0
- data/_sass/partials/_landing.scss +61 -0
- data/_sass/partials/_post.scss +32 -0
- data/_sass/partials/_resources.scss +10 -0
- data/_sass/partials/_toc.scss +163 -0
- data/_sass/prettydocs-jekyll.scss +20 -0
- data/_sass/vendor/_timeline.scss +221 -0
- data/_sass/vendor/timeline/functions/desaturated-lighten.scss +7 -0
- data/_sass/vendor/timeline/functions/map-deep-get.scss +9 -0
- data/_sass/vendor/timeline/functions/map-set.scss +5 -0
- data/_sass/vendor/timeline/functions/mutate-colors.scss +9 -0
- data/_sass/vendor/timeline/mixins/timeline-element.scss +23 -0
- data/_sass/vendor/timeline/mixins/timeline-event-variant.scss +20 -0
- data/_sass/vendor/timeline/mixins/timeline-item-arrow-color-variant.scss +6 -0
- data/_sass/vendor/timeline/mixins/timeline-item-arrow-size-variant.scss +17 -0
- data/_sass/vendor/timeline/mixins/timeline-item-right-side-position.scss +21 -0
- data/_sass/vendor/timeline/mixins/timeline-item-start-margins.scss +9 -0
- data/_sass/vendor/timeline/mixins/timeline-item-variant.scss +28 -0
- data/_sass/vendor/timeline/mixins/timeline-label-variant.scss +3 -0
- data/_sass/vendor/timeline/mixins/timeline-line-variant.scss +5 -0
- data/_sass/vendor/timeline/mixins/timeline-point-color-variant.scss +4 -0
- data/_sass/vendor/timeline/mixins/timeline-point-size-variant.scss +12 -0
- data/_sass/vendor/timeline/mixins/timeline-responsive-variant.scss +26 -0
- data/_sass/vendor/timeline/mixins/timeline-row-clearfix.scss +10 -0
- data/_sass/vendor/timeline/mixins/timeline-single-column.scss +56 -0
- data/_sass/vendor/timeline/mixins/transform-center.scss +3 -0
- data/_sass/vendor/timeline/variables.scss +90 -0
- data/assets/css/main.scss +4 -0
- data/assets/images/empty.gif +0 -0
- data/assets/images/favicon.ico +0 -0
- data/assets/js/main.js +45 -0
- metadata +182 -0
@@ -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,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,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,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,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
|
+
);
|
Binary file
|
Binary file
|
data/assets/js/main.js
ADDED
@@ -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
|
+
});
|