RubyGems - jekyll-theme-prettydocs-full - Versions diffs - 1.0.0 - Mend

jekyll-theme-prettydocs-full 1.0.0

Files changed (813) hide show

@@ -0,0 +1,9 @@
+---
+layout: page
+---
+<div class="doc-content">
+    <div class="content-inner">
+        {{ content }}
+    </div>
+</div>
+{% include _partials/toc.html content=content maximum_level=2 %}

data/_layouts/landing.html ADDED

@@ -0,0 +1,18 @@
+---
+layout: compress
+---
+<!DOCTYPE html>
+<!--[if IE 8]> <html lang="{{ site.lang }}" class="ie8"> <![endif]-->
+<!--[if IE 9]> <html lang="{{ site.lang }}" class="ie9"> <![endif]-->
+<!--[if !IE]><!--> <html lang="{{ site.lang }}"> <!--<![endif]-->
+    {% include _theme/head.html %}
+    <body class="landing-page">
+        <div class="page-wrapper">
+            {% include _theme/header.html %}
+            {% include _sections/cards.html %}
+            {{ content }}
+        </div>
+        {% include _theme/footer.html %}
+        {% include _theme/js.html %}
+    </body>
+</html>

data/_layouts/page.html ADDED

@@ -0,0 +1,18 @@
+---
+layout: default
+---
+<section class="doc-wrapper">
+    <div class="container">
+        <div id="doc-header" class="doc-header text-center">
+            <h1 class="doc-title">
+                {% if page.icon %}
+                    <span aria-hidden="true" class="icon {{ page.icon }}"></span>
+                {% endif %}
+                {{ page.title | escape }}
+            </h1>
+        </div>
+        <div class="doc-body">
+            {{ content }}
+        </div>
+    </div>
+</section>

data/_layouts/post.html ADDED

@@ -0,0 +1,5 @@
+---
+layout: default
+---
+{% include _sections/blog_post.html %}

data/_layouts/shower.html ADDED

@@ -0,0 +1,27 @@
+---
+layout: compress
+---
+{% capture showerify_input %}{{ content }}{% endcapture %}
+<!DOCTYPE HTML>
+    {% include _shower/showerify.html %}
+    {% include _shower/setup.md %}
+<html lang="{{ lang }}">
+    <head>
+        <title>{{ title | strip_html }}</title>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width={% if width %}{{ width }}{% else %}792{% endif %}, user-scalable=no">
+        <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,  ,700,700i&amp;subset=latin-ext" rel="stylesheet">
+        <link id="theme-style" rel="stylesheet" href="{{ "/assets/css/shower.css" | prepend: site.baseurl }}">
+    </head>
+    <body class="shower {{ body_class }}">
+        <header class="caption">
+            <h1>{{ title }}</h1>
+            {% if subtitle %}{{ subtitle }}{% endif %}
+        </header>
+        {{ showerify_output }}
+        {% if progress %}
+            <div class="progress"><div></div></div>
+        {% endif %}
+    </body>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/shower-core/2.1.0/shower.min.js" integrity="sha256-q52BKo1uAiqrR1kBKY6LWvBcwF4ujCgQokN5u8AwWzQ=" crossorigin="anonymous"></script>
+</html>

data/_sass/globals/_base.scss ADDED

@@ -0,0 +1,44 @@
+// Variables
+$color-primary: #40babd;
+$color-green: #75c181;
+$color-red: #f77b6b;
+$color-blue: #58bbee;
+$color-orange: #F88C30;
+$color-pink: #EA5395;
+$color-purple: #8A40A7;
+$text-color: #494d55;
+$text-color-secondary: lighten($text-color, 10%);
+$text-grey: lighten($text-color-secondary, 25%);
+$grey: lighten($text-color-secondary, 25%);
+$light-grey: #c3c3c3;
+$dark-grey: #666;
+$black: #000;
+$smoky-white: #f5f5f5;
+$smoky-grey: #f9f9fb;
+$divider: #f0f0f0;
+$new: #60A823;
+$error: #E65348;
+$facebook: #3b5998;
+$twitter: #55acee;
+$google: #dd4b39;
+$github: #444;
+$primary: #1a7bd3;
+$primary-hover: #3266d5;
+$dark: #0b141f;
+$light: #EEE;
+$timeline-border: #036;
+$console: #6a7490;
+$regular: 300;
+$bold: 500;
+$social-buttons-color: $primary;
+$base-transition: all .3s;
+$base-cubic-transition: all .3s cubic-bezier(0.175, 0.885, 0.320, 1.275);
+$long-transition: all .5s;
+$long-cubic-transition: all .5s cubic-bezier(0.175, 0.885, 0.320, 1.275);

data/_sass/globals/_mixins.scss ADDED

@@ -0,0 +1,175 @@
+// Mixins
+@mixin text-shadow($string: 0 1px 3px rgba(0, 0, 0, 0.25)) {
+    text-shadow: $string;
+}
+@mixin box-shadow($string) {
+    -webkit-box-shadow: $string;
+    -moz-box-shadow:    $string;
+    box-shadow:         $string;
+}
+@mixin drop-shadow($x: 0, $y: 1px, $blur: 2px, $spread: 0, $alpha: 0.25) {
+    -webkit-box-shadow: $x $y $blur $spread rgba(0, 0, 0, $alpha);
+    -moz-box-shadow:    $x $y $blur $spread rgba(0, 0, 0, $alpha);
+    box-shadow:     $x $y $blur $spread rgba(0, 0, 0, $alpha);
+}
+@mixin inner-shadow($x: 0, $y: 1px, $blur: 2px, $spread: 0, $alpha: 0.25) {
+    -webkit-box-shadow: inset $x $y $blur $spread rgba(0, 0, 0, $alpha);
+    -moz-box-shadow:    inset $x $y $blur $spread rgba(0, 0, 0, $alpha);
+    box-shadow:         inset $x $y $blur $spread rgba(0, 0, 0, $alpha);
+}
+@mixin box-sizing($type: border-box) {
+    -webkit-box-sizing: $type;
+    -moz-box-sizing:    $type;
+    box-sizing:         $type;
+}
+@mixin border-radius($radius: 5px) {
+    -webkit-border-radius: $radius;
+    -moz-border-radius:    $radius;
+    -ms-border-radius:     $radius;
+    -o-border-radius:      $radius;
+    border-radius:         $radius;
+    -moz-background-clip:    padding;
+    -webkit-background-clip: padding-box;
+    background-clip:         padding-box;
+}
+@mixin border-radiuses($topright: 0, $bottomright: 0, $bottomleft: 0, $topleft: 0) {
+    -webkit-border-top-right-radius:    $topright;
+    -webkit-border-bottom-right-radius: $bottomright;
+    -webkit-border-bottom-left-radius:  $bottomleft;
+    -webkit-border-top-left-radius:     $topleft;
+    -moz-border-radius-topright:        $topright;
+    -moz-border-radius-bottomright:     $bottomright;
+    -moz-border-radius-bottomleft:      $bottomleft;
+    -moz-border-radius-topleft:         $topleft;
+    border-top-right-radius:            $topright;
+    border-bottom-right-radius:         $bottomright;
+    border-bottom-left-radius:          $bottomleft;
+    border-top-left-radius:             $topleft;
+    -moz-background-clip:    padding;
+    -webkit-background-clip: padding-box;
+    background-clip:         padding-box;
+}
+@mixin opacity($opacity: 0.5) {
+    -webkit-opacity:    $opacity;
+    -moz-opacity:       $opacity;
+    opacity:        $opacity;
+}
+@mixin gradient($startColor: #eee, $endColor: white) {
+    background-color: $startColor;
+    background: -webkit-gradient(linear, left top, left bottom, from($startColor), to($endColor));
+    background: -webkit-linear-gradient(top, $startColor, $endColor);
+    background: -moz-linear-gradient(top, $startColor, $endColor);
+    background: -ms-linear-gradient(top, $startColor, $endColor);
+    background: -o-linear-gradient(top, $startColor, $endColor);
+}
+@mixin horizontal-gradient($startColor: #eee, $endColor: white) {
+    background-color: $startColor;
+    background-image: -webkit-gradient(linear, left top, right top, from($startColor), to($endColor));
+    background-image: -webkit-linear-gradient(left, $startColor, $endColor);
+    background-image: -moz-linear-gradient(left, $startColor, $endColor);
+    background-image: -ms-linear-gradient(left, $startColor, $endColor);
+    background-image: -o-linear-gradient(left, $startColor, $endColor);
+}
+@mixin animation($name, $duration: 300ms, $delay: 0, $ease: ease) {
+    -webkit-animation: $name $duration $delay $ease;
+    -moz-animation:    $name $duration $delay $ease;
+    -ms-animation:     $name $duration $delay $ease;
+}
+@mixin transition($transition) {
+    -webkit-transition: $transition;
+    -moz-transition:    $transition;
+    -ms-transition:     $transition;
+    -o-transition:      $transition;
+}
+@mixin transform($string) {
+    -webkit-transform:  $string;
+    -moz-transform:      $string;
+    -ms-transform:       $string;
+    -o-transform:        $string;
+}
+@mixin scale($factor) {
+    -webkit-transform: scale($factor);
+    -moz-transform:      scale($factor);
+    -ms-transform:       scale($factor);
+    -o-transform:        scale($factor);
+}
+@mixin rotate($deg) {
+    -webkit-transform: rotate($deg);
+    -moz-transform:      rotate($deg);
+    -ms-transform:       rotate($deg);
+    -o-transform:        rotate($deg);
+}
+@mixin skew($deg, $deg2) {
+    -webkit-transform:       skew($deg, $deg2);
+    -moz-transform:      skew($deg, $deg2);
+    -ms-transform:       skew($deg, $deg2);
+    -o-transform:        skew($deg, $deg2);
+}
+@mixin translate($x, $y:0) {
+    -webkit-transform:       translate($x, $y);
+    -moz-transform:      translate($x, $y);
+    -ms-transform:       translate($x, $y);
+    -o-transform:        translate($x, $y);
+}
+@mixin translate3d($x, $y: 0, $z: 0) {
+    -webkit-transform:       translate3d($x, $y, $z);
+    -moz-transform:      translate3d($x, $y, $z);
+    -ms-transform:       translate3d($x, $y, $z);
+    -o-transform:        translate3d($x, $y, $z);
+}
+@mixin perspective($value: 1000) {
+    -webkit-perspective:    $value;
+    -moz-perspective:   $value;
+    -ms-perspective:    $value;
+    perspective:        $value;
+}
+@mixin transform-origin($x:center, $y:center) {
+    -webkit-transform-origin: $x $y;
+    -moz-transform-origin:    $x $y;
+    -ms-transform-origin:     $x $y;
+    -o-transform-origin:      $x $y;
+}
+@mixin truncate($max-width: 250px) {
+  max-width: $max-width;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+@mixin background-size($string: contain) {
+    -webkit-background-size: $string;
+    -moz-background-size: $string;
+    -o-background-size: $string;
+    background-size: $string;
+}
+@mixin placeholder($color: #999) {
+    &::-webkit-input-placeholder { /* WebKit browsers */
+        color: $color;
+    }
+    &:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
+        color: $color;
+    }
+    &::-moz-placeholder { /* Mozilla Firefox 19+ */
+        color: $color;
+    }
+    &:-ms-input-placeholder { /* Internet Explorer 10+ */
+        color: $color;
+    }
+}

data/_sass/partials/_base.scss ADDED

@@ -0,0 +1,108 @@
+body {
+    font-family: 'Open Sans', arial, sans-serif;
+    background-color: #f9f9fb;
+    color: $text-color;
+    font-size: 14px;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+html, body {
+    height: 100%;
+}
+.page-wrapper {
+    min-height: 100%;
+    margin-bottom: -50px;
+    &:after {
+        content: "";
+        display: block;
+        height: 50px;
+    }
+}
+p {
+    line-height: 1.5;
+}
+a {
+    color: darken($color-primary, 5%);
+    @include transition (all 0.4s ease-in-out);
+    &:hover {
+        text-decoration: underline;
+        color: darken($color-primary, 10%);
+    }
+    &:focus {
+        text-decoration: none;
+    }
+}
+code {
+    background: #222;
+    color: #fff;
+    font-size: 14px;
+    font-weight: bold;
+    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+    padding:2px 8px;
+    padding-top: 4px;
+    display: inline-block;
+}
+.form-control {
+   @include box-shadow(none);
+    height: 40px;
+    border-color: $divider;
+    @include placeholder(lighten($grey, 5%));
+    &:focus {
+        border-color: darken($divider, 5%);
+        @include box-shadow(none);
+    }
+}
+input[type="text"],
+input[type="email"],
+input[type="password"],
+input[type="submit"],
+input[type="button"],
+textarea,
+select {
+    appearance: none;  /* for mobile safari */
+    -webkit-appearance: none;
+}
+#topcontrol {
+    background: $color-primary;
+    color: #fff;
+    text-align: center;
+    display: inline-block;
+    width: 35px;
+    height: 35px;
+    border: none;
+    @include border-radius(4px);
+    @include transition (all 0.4s ease-in-out);
+    z-index: 30;
+    &:hover {
+        background: lighten($color-primary, 5%);
+    }
+    .fa {
+        position: relative;
+        top: 3px;
+        font-size: 25px;
+    }
+}
+.video-container iframe {
+    max-width: 100%;
+}
+.vertical-align {
+    display: flex;
+    align-items: center;
+}
+.fourofour {
+    margin: 50px auto;
+}

data/_sass/partials/_buttons.scss ADDED

@@ -0,0 +1,97 @@
+.btn, a.btn {
+	@include transition (all 0.4s ease-in-out);
+	font-weight: 600;
+	font-size: 14px;
+	line-height: 1.5;
+	.fa {
+		margin-right: 5px;
+	}
+}
+.btn-primary, a.btn-primary {
+	background: $color-primary;
+	border: 1px solid $color-primary;
+	color: #fff !important;
+	&:hover, &:focus, &:active, &.active, &.hover {
+		background: darken($color-primary, 5%);
+		color: #fff !important;
+		border: 1px solid darken($color-primary, 5%);
+	}
+}
+.btn-green, a.btn-green {
+    background: $color-green;
+	border: 1px solid $color-green;
+	color: #fff !important;
+	&:hover, &:focus, &:active, &.active, &.hover {
+		background: darken($color-green, 5%);
+		color: #fff !important;
+		border: 1px solid darken($color-green, 5%);
+	}
+	.body-green & {
+    	color: #fff !important;
+    	&:hover, &:focus, &:active, &.active, &.hover {
+        	color: #fff !important;
+    	}
+	}
+}
+.btn-blue, a.btn-blue {
+    background: $color-blue;
+	border: 1px solid $color-blue;
+	color: #fff !important;
+	&:hover, &:focus, &:active, &.active, &.hover {
+		background: darken($color-blue, 5%);
+		color: #fff !important;
+		border: 1px solid darken($color-blue, 5%);
+	}
+}
+.btn-orange, a.btn-orange {
+    background: $color-orange;
+	border: 1px solid $color-orange;
+	color: #fff !important;
+	&:hover, &:focus, &:active, &.active, &.hover {
+		background: darken($color-orange, 5%);
+		color: #fff !important;
+		border: 1px solid darken($color-orange, 5%);
+	}
+}
+.btn-red, a.btn-red {
+    background: $color-red;
+	border: 1px solid $color-red;
+	color: #fff !important;
+	&:hover, &:focus, &:active, &.active, &.hover {
+		background: darken($color-red, 5%);
+		color: #fff !important;
+		border: 1px solid darken($color-red, 5%);
+	}
+}
+.btn-pink, a.btn-pink {
+    background: $color-pink;
+	border: 1px solid $color-pink;
+	color: #fff !important;
+	&:hover, &:focus, &:active, &.active, &.hover {
+		background: darken($color-pink, 5%);
+		color: #fff !important;
+		border: 1px solid darken($color-pink, 5%);
+	}
+}
+.btn-purple, a.btn-purple {
+    background: $color-purple;
+	border: 1px solid $color-purple;
+	color: #fff !important;
+	&:hover, &:focus, &:active, &.active, &.hover {
+		background: darken($color-purple, 5%);
+		color: #fff !important;
+		border: 1px solid darken($color-purple, 5%);
+	}
+}
+.btn-cta {
+    padding: 7px 15px;
+}