jekyll-theme-prettydocs 0.0.1

data/assets/less/landing.less

@@ -0,0 +1,244 @@
+/* ======= Landing Page ======= */
+.landing-page {
+    .header {
+        background: @text-color;
+        color: rgba(256, 256, 256, 0.85);
+        padding: 60px 0;
+        a {
+            color: #fff;
+        }
+    }
+    .branding {
+        text-transform: uppercase;
+        margin-bottom: 20px;
+        .logo {
+            font-size: 38px;
+            margin-top: 0;
+            margin-bottom: 0;
+        }
+        .text-bold {
+            font-weight: 800;
+            color: #fff;
+        }
+        .icon {
+            font-size: 32px;
+            color: @color-primary;
+        }
+    }
+    
+    .tagline {
+        font-weight: 600;
+        font-size: 20px;
+        p {
+            margin-bottom: 5px;
+        }
+        .text-highlight{
+            color: darken(@color-primary, 20%);
+        }
+    }
+    
+    .fa-heart {
+        color: @color-pink;
+    }
+    
+    .cta-container {
+        margin-top: 30px;
+    }
+    
+    .social-container {
+        margin-top: 30px;
+        .twitter-tweet {
+            display: inline-block;
+            margin-right: 5px;
+            position: relative;
+            top:5px;
+        }
+        .fab-like{
+            display: inline-block;
+        }
+    }
+    
+}
+
+.cards-section {
+    padding: 60px 0;
+    background: @smoky-grey;
+    
+    .title {
+        margin-top: 0;
+        margin-bottom: 15px;
+        font-size: 24px;
+        font-weight: 600;
+    }
+    .intro {
+        margin: 0 auto;
+        max-width: 800px;
+        margin-bottom: 60px;
+        color: @text-color-secondary;
+    }
+    .cards-wrapper {
+        max-width: 860px;
+        margin-left: auto;
+        margin-right: auto;
+    }
+    .item {
+        margin-bottom: 30px;
+        
+        .icon-holder {
+            margin-bottom: 15px;
+        }
+        .icon {
+            font-size: 36px;
+        }
+        .title {
+            font-size: 16px;
+            font-weight: 600;
+        }
+        .intro {
+            margin-bottom: 15px;
+        }
+        
+    }
+    .item-inner {
+        padding: 45px 30px;
+        background:#fff;
+        position: relative;
+        border: 1px solid @divider;
+        .border-radius(4px);
+        
+        .link {
+            position:absolute; 
+            width:100%;
+            height:100%;
+            top:0;
+            left: 0;
+            z-index: 1;
+            background-image: url("../images/empty.gif"); /* for IE8 */
+        }
+        
+        &:hover {
+            background: @smoky-white;
+        }
+        
+    }
+    
+    .item-primary {
+        .item-inner {
+            border-top: 3px solid @color-primary;
+            &:hover {
+                .title {
+                    color: darken(@color-primary, 15%);
+                }
+            }
+        }
+        .icon {
+            color: @color-primary;
+        }
+        
+    }
+    
+    .item-green {
+        .item-inner {
+            border-top: 3px solid @color-green;
+            &:hover {
+                .title {
+                    color: darken(@color-green, 15%);
+                }
+            }
+        }
+        .icon {
+            color: @color-green;
+        }
+        
+    }
+    
+    .item-blue {
+        .item-inner {
+            border-top: 3px solid @color-blue;
+            &:hover {
+                .title {
+                    color: darken(@color-blue, 15%);
+                }
+            }
+        }
+        .icon {
+            color: @color-blue;
+        }
+    }
+    .item-orange {
+        .item-inner {
+            border-top: 3px solid @color-orange;
+            &:hover {
+                .title {
+                    color: darken(@color-orange, 15%);
+                }
+            }
+        }
+        .icon {
+            color: @color-orange;
+        }
+    }
+    .item-red {
+        .item-inner {
+            border-top: 3px solid @color-red;
+            &:hover {
+                .title {
+                    color: darken(@color-red, 15%);
+                }
+            }
+        }
+        .icon {
+            color: @color-red;
+        }
+    }
+    .item-pink {
+        .item-inner {
+            border-top: 3px solid @color-pink;
+            &:hover {
+                .title {
+                    color: darken(@color-pink, 15%);
+                }
+            }
+        }
+        .icon {
+            color: @color-pink;
+        }
+    }
+
+    .item-purple {
+        .item-inner {
+            border-top: 3px solid @color-purple;
+            &:hover {
+                .title {
+                    color: darken(@color-purple, 15%);
+                }
+            }
+        }
+        .icon {
+            color: @color-purple;
+        }
+    }
+
+}
+
+/* Extra small devices (phones, less than 768px) */
+@media (max-width: 767px) { 
+    .cards-section .item-inner {
+        padding: 30px 15px;
+    }
+}
+
+/* Small devices (tablets, 768px and up) */
+@media (min-width: 768px) { 
+         
+}
+
+/* Medium devices (desktops, 992px and up) */
+@media (min-width: 992px) {
+       
+}
+
+/* Large devices (large desktops, 1200px and up) */
+@media (min-width: 1200px) {
+
+}

data/assets/less/mixins.less

@@ -0,0 +1,185 @@
+.text-shadow (@string: 0 1px 3px rgba(0, 0, 0, 0.25)) {
+	text-shadow: @string;
+}
+.box-shadow (@string) {
+	-webkit-box-shadow: @string;
+	-moz-box-shadow:    @string;
+	box-shadow:         @string;
+}
+.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);
+}
+.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);
+}
+
+.box-sizing (@type: border-box) {
+	-webkit-box-sizing: @type;
+	-moz-box-sizing:    @type;
+	box-sizing:         @type;
+}
+
+.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;
+}
+.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; 
+}
+
+.opacity (@opacity: 0.5) {
+	-webkit-opacity: 	@opacity;
+	-moz-opacity: 		@opacity;
+	opacity: 		@opacity;
+}
+
+.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);
+}
+.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);
+}
+
+.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;
+}
+
+.transition (@transition) {
+	-webkit-transition: @transition;  
+	-moz-transition:    @transition;
+	-ms-transition:     @transition; 
+	-o-transition:      @transition;  
+}
+.transform(@string){
+	-webkit-transform:  @string;
+	-moz-transform: 	 @string;
+	-ms-transform: 		 @string;
+	-o-transform: 		 @string;
+}
+.scale (@factor) {
+	-webkit-transform: scale(@factor);
+	-moz-transform: 	 scale(@factor);
+	-ms-transform: 		 scale(@factor);
+	-o-transform: 		 scale(@factor);
+}
+.rotate (@deg) {
+	-webkit-transform: rotate(@deg);
+	-moz-transform: 	 rotate(@deg);
+	-ms-transform: 		 rotate(@deg);
+	-o-transform: 		 rotate(@deg);
+}
+.skew (@deg, @deg2) {
+	-webkit-transform:       skew(@deg, @deg2);
+	-moz-transform: 	 skew(@deg, @deg2);
+	-ms-transform: 		 skew(@deg, @deg2);
+	-o-transform: 		 skew(@deg, @deg2);
+}
+.translate (@x, @y:0) {
+	-webkit-transform:       translate(@x, @y);
+	-moz-transform: 	 translate(@x, @y);
+	-ms-transform: 		 translate(@x, @y);
+	-o-transform: 		 translate(@x, @y);
+}
+.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);
+}
+.perspective (@value: 1000) {
+	-webkit-perspective: 	@value;
+	-moz-perspective: 	@value;
+	-ms-perspective: 	@value;
+	perspective: 		@value;
+}
+.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;
+}
+
+.reset-box-sizing (@size:content-box) {
+  &,
+  *,
+  *:before,
+  *:after {
+    .box-sizing(@size);
+  }
+}
+
+.truncate (@max-width: 250px) {
+  max-width: @max-width;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.background-size (@string: contain) {
+    -webkit-background-size: @string;
+    -moz-background-size: @string;
+    -o-background-size: @string;
+    background-size: @string;
+}
+
+.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/assets/less/styles.less

@@ -0,0 +1,13 @@
+/*   
+ * Template Name: PrettyDocs - Responsive Website Template for documentations
+ * Version: 1.0
+ * Author: Xiaoying Riley
+ * License: Creative Commons Attribution 3.0 License - https://creativecommons.org/licenses/by/3.0/
+ * Twitter: @3rdwave_themes
+ * Website: http://themes.3rdwavemedia.com/
+*/
+@import "mixins.less";
+@import "theme-default.less";
+@import "base.less";
+@import "doc.less";
+@import "landing.less";

data/assets/less/theme-default.less

@@ -0,0 +1,115 @@
+/* Theme default */
+@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;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+