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

jekyll-theme-prettydocs-full 1.0.0

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 (813) hide show

data/_layouts/faqs.html ADDED

@@ -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;
+}