blankplate-rails 1.1.2

data/vendor/assets/stylesheets/blankplate/inputs.css.scss

@@ -0,0 +1,71 @@
+/**
+ * BlankPlate | Yet another HTML5 Starter Kit
+ *
+ * BlankPlate Inputs stylesheet
+ *
+ * Normally you don't have to make any changes in this file.
+ * Your changes should be placed in styles.css file.
+ *
+ * @copyright	Copyright 2012, Dimitris Krestos
+ * @license		Apache License, Version 2.0 (http://www.opensource.org/licenses/apache2.0.php)
+ * @link		http://vdw.staytuned.gr/html5-starter-kit-blankplate/
+ * @package		BlankPlate
+ * @version		v1.1.0
+ */
+
+/**
+ * INPUTS
+ * Basic rules for inputs, textareas and selects
+ * -------------------------------------------------------------------------------------------------
+ */
+INPUT, TEXTAREA, SELECT {
+	background-color: #FFF;
+	border: 1px solid #CCC;
+	border-radius: 3px;
+	display: inline-block;
+	font-family: 'Open Sans', sans-serif;
+	font-size: 13px;
+	margin-bottom: 10px
+}
+
+SELECT, INPUT[type="file"] {
+	height: 28px !important;
+	padding: 4px !important
+}
+
+INPUT[type="text"], INPUT[type="password"], TEXTAREA, LABEL {
+	padding: 4px
+}
+
+INPUT:focus, TEXTAREA:focus {
+	border-color: #C6C6C6;
+	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
+	outline: 0 none
+}
+
+INPUT, TEXTAREA {
+	-webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; /* Saf3.2+, Chrome */
+	   -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; /* FF4+ */
+		-ms-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; /* IE10? */
+		 -o-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; /* Opera 10.5+ */
+			transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
+}
+
+SELECT {
+	background-color: #FFF
+}
+
+OPTION {
+	padding: 0 8px
+}
+
+LABEL {
+	display: block;
+	line-height: 18px
+}
+
+LABEL.inline {
+	display: inline-block;
+	line-height: 18px;
+	margin-bottom: 10px
+}

data/vendor/assets/stylesheets/blankplate/media.css.scss

@@ -0,0 +1,85 @@
+/**
+ * BlankPlate | Yet another HTML5 Starter Kit
+ *
+ * BlankPlate Media Queries stylesheet
+ *
+ * @copyright	Copyright 2012, Dimitris Krestos
+ * @license		Apache License, Version 2.0 (http://www.opensource.org/licenses/apache2.0.php)
+ * @link		http://vdw.staytuned.gr/html5-starter-kit-blankplate/
+ * @package		BlankPlate
+ * @version		v1.1.0
+ */
+
+
+/**
+ * SMARTPHONES
+ *
+ * -------------------------------------------------------------------------------------------------
+ */
+
+/* Smartphones - portrait and landscape */
+@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {}
+
+/* Smartphones - landscape */
+@media only screen and (min-width: 321px) {}
+
+/* Smartphones - portrait */
+@media only screen and (max-width: 320px) {}
+
+/* iPhone 4 */
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {}
+
+
+/**
+ * iPADS
+ *
+ * -------------------------------------------------------------------------------------------------
+ */
+
+/* iPads - portrait and landscape */
+@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {}
+
+/* iPads - landscape */
+@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
+/* most used */
+}
+/* iPads - portrait */
+@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
+/* most used */
+}
+
+
+/**
+ * SCREENS
+ *
+ * -------------------------------------------------------------------------------------------------
+ */
+
+/* Desktops and laptops */
+@media only screen and (min-width: 1224px) {
+/* most used */
+}
+
+/* Large screens */
+@media only screen and (min-width: 1824px) {}
+
+
+/**
+ * ORIENTATION
+ *
+ * -------------------------------------------------------------------------------------------------
+ */
+
+/* General portrait orientation */
+@media only screen and (orientation: portrait) {
+	/* eg */
+	IMG#bg { height: 100% }
+
+}
+
+/* General landscape orientation */
+@media only screen and (orientation: landscape) {
+	/* eg */
+	IMG#bg { width: 100% }
+
+}

data/vendor/assets/stylesheets/blankplate/reset.css.scss

@@ -0,0 +1,118 @@
+/**
+ * BlankPlate | Yet another HTML5 Starter Kit
+ *
+ * BlankPlate Reset stylesheet
+ *
+ * Normally you don't have to make any changes in this file.
+ * Your changes should be placed in styles.css file.
+ *
+ * @copyright	Copyright 2012, Dimitris Krestos
+ * @license		Apache License, Version 2.0 (http://www.opensource.org/licenses/apache2.0.php)
+ * @link		http://vdw.staytuned.gr/html5-starter-kit-blankplate/
+ * @package		BlankPlate
+ * @version		v1.1.0
+ */
+
+/**
+ * GLOBAL
+ * Reset margins and paadings for all
+ * -------------------------------------------------------------------------------------------------
+ */
+* {
+	margin: 0;
+	outline: none;
+	padding: 0
+}
+
+/**
+ * COMMON
+ * Based on Eric Meyer's reset (http://meyerweb.com/eric/tools/css/reset/index.html)
+ * -------------------------------------------------------------------------------------------------
+ */
+html, body, div, span, 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, 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 {
+	background: transparent;
+	border: 0;
+	font-family: inherit;
+	font-size: 100%;
+	font-style: inherit;
+	font-weight: inherit;
+	line-height: 100%;
+	vertical-align: baseline
+}
+
+/**
+ * HTML5 ELEMENTS
+ * Handle the following as blocks
+ * -------------------------------------------------------------------------------------------------
+ */
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
+	display: block
+}
+
+/**
+ * HEADINGS
+ * Reset headings weight
+ * -------------------------------------------------------------------------------------------------
+ */
+h1, h2, h3, h4, h5, h6 {
+	font-weight: normal
+}
+
+/**
+ * TABLES
+ * Reset table borders
+ * -------------------------------------------------------------------------------------------------
+ */
+table {
+	border-collapse: collapse;
+	border-spacing: 0
+}
+
+/**
+ * LISTS
+ * Reset list styles
+ * -------------------------------------------------------------------------------------------------
+ */
+ol, ul {
+	list-style: none outside none
+}
+
+/**
+ * MORE RESET
+ *
+ * -------------------------------------------------------------------------------------------------
+ */
+hr {
+	border: 0;
+	border-top: 1px solid #CCC;
+	display: block;
+	height: 1px;
+	margin: 1em 0
+}
+
+blockquote, q {
+	quotes: none
+}
+
+/**
+ * MORE FIXES
+ *
+ * -------------------------------------------------------------------------------------------------
+ */
+a {
+	cursor: pointer
+}
+
+iframe, img {
+	vertical-align: bottom
+}
+
+button, input[type="button"], input[type="reset"], input[type="submit"] {
+	*overflow: visible;
+	-webkit-appearance: button;
+}
+
+blockquote:before, blockquote:after, q:before, q:after {
+	content: "";
+	content: none
+}

data/vendor/assets/stylesheets/blankplate/snippets.css.scss

@@ -0,0 +1,63 @@
+/**
+ * BlankPlate | Yet another HTML5 Starter Kit
+ *
+ * BlankPlate Snippets stylesheet
+ *
+ * Normally you don't have to make any changes in this file.
+ * Your changes should be placed in styles.css file.
+ *
+ * @copyright	Copyright 2012, Dimitris Krestos
+ * @license		Apache License, Version 2.0 (http://www.opensource.org/licenses/apache2.0.php)
+ * @link		http://vdw.staytuned.gr/html5-starter-kit-blankplate/
+ * @package		BlankPlate
+ * @version		v1.1.0
+ */
+
+/**
+ * TEXT SIZE TOOL
+ *
+ * -------------------------------------------------------------------------------------------------
+ */
+
+/* Html
+<div class="accessibility">
+	TEXT SIZE
+	<a href="#">A<span>-</span></a>
+	<a href="#">A<span>+</span></a>
+</div>
+*/
+.accessibility A:first-child {
+	font-size: 14px !important
+}
+
+.accessibility A SPAN {
+	font-size: 80%;
+	position: relative;
+	top: -0.4em
+}
+
+.accessibility A:first-child SPAN {
+	font-size: 80%;
+	position: relative;
+	top: -0.5em
+}
+
+/**
+ * FLASH MESSAGE BAR
+ *
+ * -------------------------------------------------------------------------------------------------
+ */
+
+/* Html
+<div class="flash">A flash message</div>
+*/
+.flash {
+	background: rgba(0, 0, 0, 0.4);
+	color: white;
+	height: 24px;
+	padding-top: 6px;
+	position: absolute;
+	text-align: center;
+	top: 0;
+	width: 100%
+}

data/vendor/assets/stylesheets/blankplate/styles.css.scss

@@ -0,0 +1,88 @@
+/**
+ * BlankPlate | Yet another HTML5 Starter Kit
+ *
+ * BlankPlate Main stylesheet
+ *
+ * @copyright	Copyright 2012, Dimitris Krestos
+ * @license		Apache License, Version 2.0 (http://www.opensource.org/licenses/apache2.0.php)
+ * @link		http://vdw.staytuned.gr/html5-starter-kit-blankplate/
+ * @package		BlankPlate
+ * @version		v1.1.0
+ */
+
+/**
+ * WORLD
+ *
+ * -------------------------------------------------------------------------------------------------
+ */
+BODY {
+	font-size: 13px; /* Override typography */
+}
+
+#wrapper {
+	margin: 0 auto;
+	max-width: 960px;
+}
+
+/**
+ * HEADER
+ * Your header rules
+ * -------------------------------------------------------------------------------------------------
+ */
+HEADER {}
+
+/**
+ * NAVIGATION
+ * Your horizontal (global) navigation rules
+ * -------------------------------------------------------------------------------------------------
+ */
+NAV {}
+
+NAV UL { /* Level 0 */
+	float: left;
+}
+
+/**
+ * ASIDE
+ * Your side bar rules
+ * -------------------------------------------------------------------------------------------------
+ */
+ASIDE {
+	float: left
+}
+
+/**
+ * BODY
+ * Your content rules
+ * -------------------------------------------------------------------------------------------------
+ */
+SECTION#body {
+	float: left;
+	width: 100%;
+}
+
+ARTICLE {}
+
+/**
+ * CONTACT
+ * Your form rules
+ * -------------------------------------------------------------------------------------------------
+ */
+.contact FORM {}
+
+.contact FORM INPUT[type="text"] {
+	padding: 0 10px;
+}
+
+.contact FORM INPUT[type="submit"] {
+	margin: 0;
+}
+
+/**
+ * FOOTER
+ * Your footer rules
+ * -------------------------------------------------------------------------------------------------
+ */
+FOOTER {
+	padding: 1em 0 2em 0;
+}

data/vendor/assets/stylesheets/blankplate/typography.css.scss

@@ -0,0 +1,222 @@
+/**
+ * BlankPlate | Yet another HTML5 Starter Kit
+ *
+ * BlankPlate Basic Typography stylesheet
+ *
+ * Normally you don't have to make any changes in this file.
+ * Your changes should be placed in styles.css file.
+ *
+ * @copyright	Copyright 2012, Dimitris Krestos
+ * @license		Apache License, Version 2.0 (http://www.opensource.org/licenses/apache2.0.php)
+ * @link		http://vdw.staytuned.gr/html5-starter-kit-blankplate/
+ * @package		BlankPlate
+ * @version		v1.1.0
+ */
+
+/**
+ * FONTS
+ * A font face implementation
+ * -------------------------------------------------------------------------------------------------
+ */
+/*
+@font-face {
+	font-family: 'TheDummyFontID';
+	src: url('fonts/dummyfont.eot'); /* IE6–8 */
+
+	/* FF3.6+, IE9, Chrome6+, Saf5.1+ */
+	/* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
+/*
+	src: url('fonts/dummyfont.eot?#iefix') format('embedded-opentype'),
+		 url('fonts/dummyfont.woff') format('woff'),
+		 url('fonts/dummyfont.ttf') format('truetype'),
+		 url('fonts/dummyfont.svg#TheDummyFontID') format('svg');
+	font-weight: normal;
+	font-style: normal;
+}
+*/
+/**
+ * TYPOGRAPHY
+ * A basic declaration of common elements
+ * -------------------------------------------------------------------------------------------------
+ */
+BODY {
+	color: #404040;
+	font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
+
+	/*
+	Some basic font stacks from cssfontstack.com
+
+	Sans Serif
+	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
+	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
+	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
+	font-family: Tahoma, Verdana, Segoe, sans-serif;
+	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
+	font-family: Verdana, Geneva, sans-serif;
+
+	Serif
+	font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
+	font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
+
+	Monospaced
+	font-family: Consolas, monaco, monospace;
+	font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
+	font-family: "Lucida Sans Typewriter", "Lucida Console", Monaco, "Bitstream Vera Sans Mono", monospace;
+	*/
+
+	/* Ratio ~1.38 */
+	font-size: 0.813em; 	/* ~13px */
+	line-height: 1.385em; 	/* ~18px */
+}
+
+A {
+	color: black;
+	text-decoration: none
+}
+
+A:hover {
+	text-decoration: underline
+}
+
+H1 {
+	font-size: 2.308em; 	/* 30px */
+	line-height: 1.500em; 	/* 44px */
+}
+
+H2 {
+	font-size: 1.846em; 	/* 24px */
+	line-height: 1.500em; 	/* 36px */
+}
+
+H3 {
+	font-size: 1.538em; 	/* 20px */
+	line-height: 1.500em; 	/* 27px */
+}
+
+H4 {
+	font-size: 1.385em; 	/* 18px */
+	line-height: 1.500em; 	/* 24px */
+}
+
+H5, H6 {
+	font-size: 1.231em; 	/* 16px */
+	line-height: 1.500em; 	/* 24px */
+}
+
+H1, H2, H3, H4, H5, H6 {
+	color: #333
+}
+
+H1 A, H2 A, H3 A, H4 A, H5 A, H6 A {
+	color: inherit;
+	font-weight: inherit
+}
+
+HR {
+	border-top-color: #CCC
+}
+
+P {
+	line-height: 1.385em;
+	margin-bottom: 1.077em;	/* ~ line-height * 0.75 */
+}
+
+P:empty { /* Hide empty paragraphs */
+	display: none
+}
+
+UL, OL { /* Horizontal & vertical list */
+	margin: 1.077em 0 1.077em 1.538em; /*  14px 0 14px 20px */
+}
+
+UL LI, OL LI {
+	line-height: 1.385em
+}
+
+UL.vertical {
+	margin: 0
+}
+
+UL.horizontal {
+	display: inline;
+	margin: 0
+}
+
+UL.horizontal > LI {
+	display: inline-block;
+
+	/* IE */
+	*margin: 1px;
+	zoom: 1;
+	*display: inline;
+}
+
+BLOCKQUOTE {
+	border-left: 0.308em solid #EEE; /* 4px */
+	color: #666;
+	margin-bottom: 0.769em; /* 10px */
+	margin-left: 1.538em; 	/* 20px */
+	margin-top: 0.769em; 	/* 10px */
+	padding-left: 0.769em; 	/* 10px */
+}
+
+PRE {
+	color: #333;
+	display: block;
+	font-family: Courier, 'Courier New', monospace;
+	margin: 0 0.154em; 			/* 0 2px */
+	padding: 0.154em 0.308em; 	/* 2px 4px */
+}
+
+CODE {
+	background-color: #F8F8F8;
+	border: 1px solid #CCC;
+	border-radius: 0.231em; 	/* 3px */
+	color: #333;
+	display: block;
+	font-family: Courier, 'Courier New', monospace;
+	margin: 0 0.154em; 			/* 0 2px */
+	padding: 0.154em 0.308em; 	/* 2px 4px */
+}
+
+CODE.monokai { /* Based on Monokai scheme colors */
+	background-color: #272822;
+	color: #FB4383
+}
+
+P > CODE {
+	display: inline-block
+}
+
+P B, LI B, P STRONG, LI STRONG {
+	font-weight: bold
+}
+
+P I, LI I, P EM, LI EM {
+	font-style: italic
+}
+
+ARTICLE.capitalise H2 + P:first-letter { /* Capitalise first letter of the paragraph */
+	font-size: 2.769em; 	/* 36px */
+	float: left;
+	letter-spacing: 0.111em;/* 4px */
+	margin-top: 0.167em; 	/* 6px */
+}
+
+ARTICLE UL {
+	list-style: disc outside none;
+	margin-left: 2.615em; 	/* 34px */
+}
+
+ARTICLE OL {
+	list-style: decimal outside none;
+	margin-left: 2.615em; 	/* 34px */
+}
+
+input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* Styles for imput's placeholder */
+	color: #C0C0C0
+}
+
+input:-moz-placeholder, textarea:-moz-placeholder {
+	color: #C0C0C0
+}

data/vendor/assets/stylesheets/blankplate.css.scss

@@ -0,0 +1,13 @@
+/*
+ *= require blankplate/reset
+ *= require blankplate/grid
+ *= require blankplate/typography
+ *= require blankplate/helpers
+ *= require blankplate/inputs
+ *= require blankplate/buttons
+ *= require blankplate/snippets
+ *= require blankplate/styles
+ *= require blankplate/media
+ *= require blankplate/conditions
+ *= require blankplate/diagnostics
+*/