skyblue_rails 0.1.6

data/assets/stylesheets/skyblue/_main.scss

@@ -0,0 +1,15 @@
+body{
+	font-family: $font-family;
+	font-size: $font-size;
+	font-weight: $font-weight;
+	line-height: $line-height;
+	background-color: $body-background;
+	color: $text-color;
+
+}
+
+img{ max-width: 100%; }
+
+.noscroll {
+	overflow: hidden;
+}

data/assets/stylesheets/skyblue/_mixins.scss

@@ -0,0 +1,46 @@
+// Box sizing
+@mixin box-sizing($boxmodel) {
+	-webkit-box-sizing: $boxmodel;
+	-moz-box-sizing: $boxmodel;
+	box-sizing: $boxmodel;
+}
+
+// Clearfix
+@mixin clearfix{
+	&:before, &:after { content: " "; display: table; line-height: 0; }
+	&:after { clear: both; }
+}
+
+
+// Placeholder
+@mixin placeholder($color){
+	// Web-kit
+	::-webkit-input-placeholder {
+	    color:    $color;
+	}
+	// FF4-18
+	:-moz-placeholder {
+	    color:    $color;
+	}
+	// FF19+
+	::-moz-placeholder {
+	    color:    $color;
+	}
+	// IE10
+	:-ms-input-placeholder {
+	    color:    $color;
+	}
+	// Fix for input type search
+	[type="search"] {
+	    -moz-appearance:    textfield;
+	    -webkit-appearance: textfield;
+	    appearance: textfield;
+	}
+}
+
+@mixin select(){
+	background-color: #fff;
+	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAKCAYAAACqnE5VAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QYeBwwgz2YJHAAAASVJREFUOMud0jFqwzAUBuD/6QLqDXqE+Abx4MGDIR5CCBpEsUFzjtTRhAwqeMiQQUdIj9AbJPt7Vhe1OKShdv5FvCf0PngIAOCcWznnNCbGOaedcyvMiGrbdikiXkRC0zT/Yk3TaBEJIuLbtl1OhpjZMzOYORORYK19iFlrtYgEZs7SGz8ZEpFdeoQ0IBhj7jBjjGbmMQIR2U2FCAC22+0qxvgO4CX1zzHGfL/fXwFgs9loIgoAsnR/IaK3rus+ZkEAsF6vFzHGMMIuwzDkAKCUuukTUX44HD7nfAYaF3VdL4ZhuBmazt9aKZV772chdxAAVFX1GmP0ozX95ExEdd/3X3gi9FezLEud1piNkPx4PF7xZOjRRVEUOq0RSqn8dDo9jQDAN6OnnUe+41wgAAAAAElFTkSuQmCC);
+	background-repeat: no-repeat;
+	background-position: right center;
+}

data/assets/stylesheets/skyblue/_reset.scss

@@ -0,0 +1,77 @@
+/* http://meyerweb.com/eric/tools/css/reset/
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html, body, div, col-md-, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+
+
+
+
+html {
+    // Touch the Mobile Magic
+    -webkit-overflow-scrolling: touch;
+    -webkit-tap-highlight-color: rgba(0,0,0,0);
+
+	// -webkit-font-smoothing: antialiased;
+	// font-smoothing: antialiased;
+}
+
+// Disable i-o-s/Win-mobile font size changes
+@media screen and (max-device-width: 480px) {
+    html {
+      -webkit-text-size-adjust: 100%;
+          -ms-text-size-adjust: 100%;
+    }
+}
+
+*{
+	@include box-sizing(border-box);
+	// Prevents transition glithces in chrome
+	// http://css-tricks.com/almanac/properties/b/backface-visibility/
+}
+
+// ReCaptcha Iframe FIX
+body > iframe {display:none;}

data/assets/stylesheets/skyblue/_tables.scss

@@ -0,0 +1,174 @@
+// Tables
+table {
+    max-width: 100%;
+    background-color: #fff;
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+th {
+    text-align: left;
+}
+
+
+// BASELINE STYLES
+.table {
+    width: 100%;
+    margin-bottom: $font-size;
+
+    // Cells
+    th,
+    td {
+        padding: 8px;
+        line-height: $line-height;
+        vertical-align: top;
+        border-top: 1px solid $table-border-color;
+    }
+    // Bottom align for column headings
+    thead th {
+        vertical-align: bottom;
+        font-weight: $bold;
+    }
+    // Remove top border from thead by default
+    caption + thead tr:first-child th,
+    caption + thead tr:first-child td,
+    colgroup + thead tr:first-child th,
+    colgroup + thead tr:first-child td,
+    thead:first-child tr:first-child th,
+    thead:first-child tr:first-child td {
+        border-top: 0;
+    }
+    // Account for multiple tbody instances
+    tbody + tbody {
+        border-top: 2px solid $table-border-color;
+    }
+
+    // Nesting
+    .table {
+        background-color: $body-background;
+    }
+}
+
+
+
+// CONDENSED TABLE W/ HALF PADDING
+.table-condensed {
+    th, td {
+        padding: 4px 5px;
+    }
+}
+
+
+// BORDERED VERSION
+.table-bordered {
+    border: 1px solid $table-border-color;
+    border-collapse: separate; // Done so we can round those corners!
+    border-left: 0;
+    border-radius: $border-radius;
+    th,
+    td {
+        border-left: 1px solid $table-border-color;
+    }
+    // Prevent a double border
+    caption + thead tr:first-child th,
+    caption + tbody tr:first-child th,
+    caption + tbody tr:first-child td,
+    colgroup + thead tr:first-child th,
+    colgroup + tbody tr:first-child th,
+    colgroup + tbody tr:first-child td,
+    thead:first-child tr:first-child th,
+    tbody:first-child tr:first-child th,
+    tbody:first-child tr:first-child td {
+        border-top: 0;
+    }
+    // For first th/td in the first row in the first thead or tbody
+    thead:first-child tr:first-child > th:first-child,
+    tbody:first-child tr:first-child > td:first-child,
+    tbody:first-child tr:first-child > th:first-child {
+        border-top-left-radius: $border-radius;
+    }
+    // For last th/td in the first row in the first thead or tbody
+    thead:first-child tr:first-child > th:last-child,
+    tbody:first-child tr:first-child > td:last-child,
+    tbody:first-child tr:first-child > th:last-child {
+        border-top-right-radius: $border-radius;
+    }
+    // For first th/td (can be either) in the last row in the last thead, tbody, and tfoot
+    thead:last-child tr:last-child > th:first-child,
+    tbody:last-child tr:last-child > td:first-child,
+    tbody:last-child tr:last-child > th:first-child,
+    tfoot:last-child tr:last-child > td:first-child,
+    tfoot:last-child tr:last-child > th:first-child {
+        border-bottom-left-radius: $border-radius;
+    }
+    // For last th/td (can be either) in the last row in the last thead, tbody, and tfoot
+    thead:last-child tr:last-child > th:last-child,
+    tbody:last-child tr:last-child > td:last-child,
+    tbody:last-child tr:last-child > th:last-child,
+    tfoot:last-child tr:last-child > td:last-child,
+    tfoot:last-child tr:last-child > th:last-child {
+        border-bottom-right-radius: $border-radius;
+    }
+
+    // Clear border-radius for first and last td in the last row in the last tbody for table with tfoot
+    tfoot + tbody:last-child tr:last-child td:first-child {
+        border-bottom-left-radius: 0;
+    }
+    tfoot + tbody:last-child tr:last-child td:last-child {
+        border-bottom-right-radius: 0;
+    }
+
+    // Special fixes to round the left border on the first td/th
+    caption + thead tr:first-child th:first-child,
+    caption + tbody tr:first-child td:first-child,
+    colgroup + thead tr:first-child th:first-child,
+    colgroup + tbody tr:first-child td:first-child {
+        border-top-left-radius: $border-radius;
+    }
+    caption + thead tr:first-child th:last-child,
+    caption + tbody tr:first-child td:last-child,
+    colgroup + thead tr:first-child th:last-child,
+    colgroup + tbody tr:first-child td:last-child {
+        border-top-right-radius: $border-radius;
+    }
+
+}
+
+
+
+// ZEBRA-STRIPING
+// -------
+
+// Default zebra-stripe styles (alternating gray and transparent backgrounds)
+.table-striped {
+    tr:nth-child(odd) > td {
+        background-color: $table-background;
+    }
+}
+
+
+
+// HOVER EFFECT
+// ------
+// Placed here since it has to come after the potential zebra striping
+.table-hover {
+    tr:hover > td{
+        background-color: $table-background-hover;
+        border-left-color: $table-background-hover;
+        color: $table-color-hover;
+        &:first-child{
+            border-left: 1px solid $table-border-color;
+        }
+    }
+}
+
+// Mobile
+@media screen and (max-width: 767px) {
+    .table{
+        // display: block;
+        // max-width: 100%;
+        // overflow-x: scroll;
+    }
+}
+
+
+

data/assets/stylesheets/skyblue/_typography.scss

@@ -0,0 +1,162 @@
+// Headers
+h1,h2,h3,h4,h5,h6{
+	line-height: 1.2em;
+	margin: 0;
+	font-weight: 300;
+	font-family: 'Dosis', 'Helvetica Neue', Helvetica, sans-serif;
+	margin-bottom: 0.5em;
+}
+
+h1{
+	font-size: 2.4em;
+}
+
+h2{
+	font-size: 2em;
+}
+
+h3{
+	font-size: 1.7em;
+}
+
+h4{
+	font-size: 1.4em;
+}
+
+h5{
+	font-size: 1.2em;
+}
+
+h6{
+	font-size: 1em;
+}
+
+
+
+// Paragraphs
+p{
+	line-height: $line-height;
+	margin-bottom: $font-size;
+}
+small{
+	font-size: 0.75em;
+}
+.big{
+	font-size: 1.25em;
+}
+
+b, strong{
+	font-weight: $bold;
+}
+i, em{
+	font-style: italic;
+}
+
+
+img{
+	max-width: 100%;
+}
+
+
+
+// Links
+a{
+	color: $main-color + #222;
+	transition: all $transition-time;
+	text-decoration: none;
+	&.secundary{ color: $success-color; }
+}
+a:active, a:focus, a:hover{
+	color: $main-color - $color-diff;
+	&.secundary{ color: $success-color - $color-diff; }
+}
+
+
+
+// Lists
+ul, ol{
+	margin-bottom: $font-size;
+	padding-left: 22px;
+	ul, ol{
+		margin-bottom: 0;
+	}
+}
+
+ul{
+	li{
+		list-style: disc outside none;
+		li{
+			list-style: circle outside none;
+		}
+	}
+}
+
+ol{
+	li{
+		list-style: decimal outside none;
+	}
+}
+
+ul, ol{
+	&.unstyled{
+		margin: 0;
+		padding: 0;
+		li{
+			margin: 0;
+			padding: 0;
+			list-style: none;
+		}
+	}
+}
+
+// Blockquote
+blockquote{
+
+	border-left: 2px solid $gray2;
+	padding: 0.5em 1em;
+	margin-bottom: $font-size;
+	font-size: 1.1em;
+	color: $gray5;
+
+	cite{
+		font-size: 0.8em;
+		&:before {
+		    content: "— ";
+		}
+	}
+}
+
+hr{
+	border: 0;
+	border-bottom: 1px solid darken($body-background, 7);
+	margin: 20px 0 20px 0;
+	clear: both;
+}
+
+
+
+// Code
+pre, code{
+	font-family: $pre-font-family;
+	font-size: $pre-font-size;
+	line-height: $line-height;
+
+	color: $gray2;
+	background: $gray6;
+	// border: 2px solid $gray2;
+	border-radius: 3px;
+
+	padding: 0.8em 1em;
+
+	white-space: pre-wrap;
+    word-break: break-all;
+    word-wrap: break-word;
+}
+pre{
+	margin-bottom: $font-size;
+}
+code{
+	display: inline-block;
+	padding: 0.1em 0.3em;
+}
+