blankplate-rails 1.1.2

data/LICENSE

@@ -0,0 +1,20 @@
+Copyright (C) 2012 by Vassilis Rodokanakis
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,43 @@
+# Blankplate for Rails Asset Pipeline
+
+[Blankplate](https://github.com/vdw/BlankPlate) is an alternative HTML5/CSS3 Starter Kit to save you time in frontend developing.
+
+The `blankplate-rails` gem integrates `blankplate` kit with Rails asset pipeline.
+
+## Usage
+
+### Install
+
+Add `blankplate-rails` to your Gemfile and run `bundle install`:
+
+    gem "blankplate-rails"
+
+### Include `blankplate-rails` stylesheets
+
+Add to your `app/assets/stylesheets/application.css`:
+
+    *= blankplate
+
+This will include all blankplate's stylesheet assets.
+
+You can also include individual stylesheets, in the order you wish:
+
+    *= blankplate/reset
+    *= blankplate/grid
+    *= blankplate/typography
+    *= blankplate/helpers
+    *= blankplate/inputs
+    *= blankplate/buttons
+    *= blankplate/snippets
+    *= blankplate/styles
+    *= blankplate/media
+    *= blankplate/conditions
+    *= blankplate/diagnostics
+
+## Credits
+
+Dimitris Krestos aka [vdw](https://github.com/vdw) for the nice kit ;)
+
+## License
+
+Copyright (©) 2012 Vassilis Rodokanakis. See LICENSE for details.

data/Rakefile

@@ -0,0 +1,13 @@
+#!/usr/bin/env rake
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+begin
+  require 'rdoc/task'
+rescue LoadError
+  require 'rdoc/rdoc'
+  require 'rake/rdoctask'
+  RDoc::Task = Rake::RDocTask
+end

data/lib/blankplate-rails/engine.rb

@@ -0,0 +1,4 @@
+module BlankplateRails
+  class Engine < ::Rails::Engine
+  end
+end

data/lib/blankplate-rails/version.rb

@@ -0,0 +1,3 @@
+module BlankplateRails
+  VERSION = "1.1.2"
+end

data/lib/blankplate-rails.rb

@@ -0,0 +1,4 @@
+require "blankplate-rails/engine"
+
+module BlankplateRails
+end

data/lib/tasks/blankplate-rails_tasks.rake

@@ -0,0 +1,4 @@
+# desc "Explaining what the task does"
+# task :blankplate-rails do
+#   # Task goes here
+# end

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

@@ -0,0 +1,146 @@
+/**
+ * BlankPlate | Yet another HTML5 Starter Kit
+ *
+ * BlankPlate Buttons 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
+ */
+
+/**
+ * BUTTONS
+ * Default grey button (based on Google styles)
+ * -------------------------------------------------------------------------------------------------
+ */
+.btn {
+	background-color: #F5F5F5;
+	background-image: -moz-linear-gradient(center top , #F5F5F5, #F1F1F1);
+	border: 1px solid rgb(211, 211, 211);
+	border: 1px solid rgba(0, 0, 0, 0.1);
+	border-radius: 3px;
+	color: #444 !important;
+	cursor: default !important;
+	display: inline-block;
+	font-size: 13px;
+	height: 28px;
+	margin-bottom: 10px;
+	min-width: 54px;
+	padding: 0 8px;
+	text-align: center;
+	text-decoration: none !important;
+	-moz-user-select: none
+}
+
+.btn SPAN {
+	font: 13px/18px 'Open Sans', sans-serif !important;
+	vertical-align: top
+}
+
+.btn:hover {
+	border-color: #C6C6C6;
+	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
+	color: #222 !important
+}
+
+A.btn {
+	height: 26px;
+	line-height: 26px
+}
+
+/* Fix vertical center in firefox */
+@-moz-document url-prefix() {
+
+	INPUT[type="button"].btn,
+	INPUT[type="submit"].btn {
+		padding-bottom: 2px
+	}
+
+	.btn SPAN {
+		display: block;
+		margin-bottom: 2px
+	}
+
+}
+
+/**
+ * BLUE BUTTON
+ * Blue color for buttons
+ * -------------------------------------------------------------------------------------------------
+ */
+.blue {
+	background-color: #4D90FE;
+	background-image: -moz-linear-gradient(center top , #4D90FE, #4787ED);
+	border: 1px solid #3079ED;
+	color: #FFF !important;
+	text-shadow:0 1px 1px rgba(0, 0, 0, 0.25)
+}
+
+.blue:hover {
+	background-color: #357AE8;
+	background-image: -moz-linear-gradient(center top , #4090FE, #357AE8);
+	border-color: #2F5887;
+	color: #FFF !important
+}
+
+/**
+ * RED BUTTON
+ * Red color for buttons
+ * -------------------------------------------------------------------------------------------------
+ */
+.red {
+	background-color: #D14836;
+	background-image: -moz-linear-gradient(center top , #DD4B39, #D14836);
+	border: 1px solid #D14836;
+	color: #FFF !important
+}
+
+.red:hover {
+	background-color: #D14836;
+	background-image: -moz-linear-gradient(center top , #DD4B39, #C53727);
+	border-color: #B0281A;
+	color: #FFF !important
+}
+
+/**
+ * YELLOW BUTTON
+ * Yellow color for buttons
+ * -------------------------------------------------------------------------------------------------
+ */
+.yellow {
+	background-color: #FFE86C;
+	background-image: -moz-linear-gradient(center top , #FFE86C, #FFE86C);
+	border: 1px solid #FFE86C;
+	color: #FFF !important
+}
+
+.yellow:hover {
+	background-color: #FFE86C;
+	background-image: -moz-linear-gradient(center top , #FFE86C, #FFE86C);
+	border-color: #E8B463;
+	color: #FFF !important
+}
+
+/**
+ * GREEN BUTTON
+ * Green color for buttons
+ * -------------------------------------------------------------------------------------------------
+ */
+.green {
+	background-color: #35AA47;
+	background-image: -moz-linear-gradient(center top , #35AA47, #35AA47);
+	border: 1px solid #359947;
+	color: #FFF !important
+}
+
+.green:hover {
+	background-color: #35AA47;
+	background-image: -moz-linear-gradient(center top , #35AA47, #1D943B);
+	border-color: #508C36;
+	color: #FFF !important
+}

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

@@ -0,0 +1,41 @@
+/**
+ * BlankPlate | Yet another HTML5 Starter Kit
+ *
+ * BlankPlate Conditions 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
+ */
+
+/**
+ * FIREFOX
+ * Your rules for Firefox browser, all versions
+ * -------------------------------------------------------------------------------------------------
+ */
+@-moz-document url-prefix() {
+	.opera { display: none }
+	.safari { display: none }
+}
+
+/**
+ * OPERA
+ * Your rules for Opera browser, all versions
+ * -------------------------------------------------------------------------------------------------
+ */
+@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { /* Not working with Opera 12*/
+	.firefox { display: none }
+	.safari { display: none }
+}
+
+/**
+ * SAFARI
+ * Your rules for Safari browser, all versions
+ * -------------------------------------------------------------------------------------------------
+ */
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+	.firefox { display: none }
+	.opera { display: none }
+}

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

@@ -0,0 +1,45 @@
+/**
+ * BlankPlate | Yet another HTML5 Starter Kit
+ *
+ * BlankPlate Diagnostics 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
+ */
+
+/**
+ * EMPTY BLOCK ELEMENTS
+ * Mark the empty list items, anchor inside list items and paragraphs
+ * -------------------------------------------------------------------------------------------------
+ */
+P:empty:before, LI:empty:before, LI > *:empty:before { /* The :empty selector is supported in all major browsers, except IE8 and earlier. */
+	border-bottom: 1px dotted fuchsia !important;
+	color: fuchsia !important;
+	content: 'blank !'
+}
+
+/**
+ * EMPTY IMAGE ATTRIBUTES
+ * Mark images with empty or no alt and title attributes
+ * -------------------------------------------------------------------------------------------------
+ */
+IMG[alt=''], IMG:not([alt]), IMG[title=''], IMG:not([title]) { /* IE8 and earlier do not support the :not selector. */
+	border: 1px dotted fuchsia !important;
+	padding: 1px  !important
+}
+
+/**
+ * EMPTY ANCHOR ATTRIBUTES
+ * Mark anchors with empty title or href attributes
+ * -------------------------------------------------------------------------------------------------
+ */
+A[title=''], A[href=''] { /* For [attribute=value] to work in IE8 and earlier, a <!DOCTYPE> must be declared. */
+	border-bottom: 1px dotted fuchsia !important;
+	color: fuchsia !important
+}

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

@@ -0,0 +1,166 @@
+/**
+ * BlankPlate | Yet another HTML5 Starter Kit
+ *
+ * BlankPlate BareGrid stylesheet
+ *
+ * BareGrid is a grid system based on percentages.
+ *
+ * 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
+ */
+
+* {
+	 -webkit-box-sizing: border-box;
+		-moz-box-sizing: border-box;
+			 box-sizing: border-box;
+}
+
+/**
+ * ROW
+ *
+ * -------------------------------------------------------------------------------------------------
+ */
+.row {
+	display: block;
+	width: 100%
+}
+
+.row.right > .column {
+	float: right
+}
+
+/**
+ * COLUMN
+ *
+ * -------------------------------------------------------------------------------------------------
+ */
+.column {
+	display: block;
+	float: left
+}
+
+/**
+ * WIDTHS
+ *
+ * -------------------------------------------------------------------------------------------------
+ */
+.one > .column {
+	width: 100.000%
+}
+.two > .column {
+	width: 50.0000%
+}
+.three > .column {
+	width: 33.3333%
+}
+.four > .column {
+	width: 25.0000%
+}
+.five > .column {
+	width: 20.0000%
+}
+.six > .column {
+	width: 16.6666%
+}
+.seven > .column {
+	width: 14.2857%
+}
+.eight > .column {
+	width: 12.5000%
+}
+.nine > .column {
+	width: 11.1111%
+}
+.ten > .column {
+	width: 10.0000%
+}
+.eleven > .column {
+	width: 09.0909%
+}
+.twelve > .column {
+	width: 08.3333%
+}
+
+/**
+ * OFFSETS
+ *
+ * -------------------------------------------------------------------------------------------------
+ */
+.column.second {
+	margin-left: 08.3333%
+}
+.column.third {
+	margin-left: 16.6666%
+}
+.column.fourth {
+	margin-left: 24.9999%
+}
+.column.fifth {
+	margin-left: 33.3332%
+}
+.column.sixth {
+	margin-left: 41.6665%
+}
+.column.seventh {
+	margin-left: 49.9998%
+}
+.column.eighth {
+	margin-left: 58.3331%
+}
+.column.nineth {
+	margin-left: 66.6664%
+}
+.column.tenth {
+	margin-left: 74.9997%
+}
+.column.eleventh {
+	margin-left: 83.3330%
+}
+.column.twelveth {
+	margin-left: 91.6663%
+}
+
+/**
+ * FILLS
+ *
+ * -------------------------------------------------------------------------------------------------
+ */
+.column.eleven {
+	width: 91.6667%
+}
+.column.ten {
+	width: 90.9091%
+}
+.column.nine {
+	width: 90.0000%
+}
+.column.eight {
+	width: 88.8889%
+}
+.column.seven {
+	width: 87.5000%
+}
+.column.six {
+	width: 85.7143%
+}
+.column.five {
+	width: 83.3334%
+}
+.column.four {
+	width: 80.0000%
+}
+.column.three {
+	width: 75.0000%
+}
+.column.two {
+	width: 66.6667%
+}
+.column.one {
+	width: 50.0000%
+}

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

@@ -0,0 +1,161 @@
+/**
+ * BlankPlate | Yet another HTML5 Starter Kit
+ *
+ * BlankPlate Helpers 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
+ */
+
+/**
+ * HELPERS
+ * Some useful rules
+ * -------------------------------------------------------------------------------------------------
+ */
+
+ /* Selection */
+::-moz-selection {
+	background: rgba(223, 61, 130, 0.3);
+	color: #EEE
+}
+
+::selection {
+	background: rgba(223, 61, 130, 0.3);
+	color: #EEE
+}
+
+.unselectable {
+	-webkit-user-select: none;
+	 -khtml-user-select: none;
+	   -moz-user-select: -moz-none;
+		 -o-user-select: none;
+			user-select: none
+}
+
+/* Positioning */
+.v_center {
+	display: table-cell;
+	vertical-align: middle
+}
+
+.h_center {
+	margin: 0 auto
+}
+
+.float_left {
+	float: left
+}
+
+.float_right {
+	float: right
+}
+
+/* Hide stuff */
+.hide {
+	display: none;
+	visibility: hidden
+}
+
+.hide_text {
+	color: transparent;
+	text-indent: -999
+}
+
+.hide_block {
+	visibility: hidden
+}
+
+.invisible {
+	/* IE7- */
+	opacity: 0.0; /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
+	 filter: alpha(opacity=0); /* IE6-IE8 */
+
+	border: none
+}
+
+/* Rule based on http://css3please.com/ */
+.radius {
+	-webkit-border-radius: 4px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
+	   -moz-border-radius: 4px; /* FF1-3.6 */
+			border-radius: 4px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
+
+	/* useful if you don't want a bg color from leaking outside the border: */
+	-webkit-background-clip: padding-box;
+	   -moz-background-clip: padding;
+	        background-clip: padding-box;
+}
+
+/* Rule based on http://css3please.com/ */
+.gradient {
+	background-color: #F4F4F4;
+	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F4F4F4)); /* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient(top, #FFF, #F4F4F4); /* Chrome 10+, Saf5.1+, iOS 5+ */
+	background-image:    -moz-linear-gradient(top, #FFF, #F4F4F4); /* FF3.6 */
+	background-image:     -ms-linear-gradient(top, #FFF, #F4F4F4); /* IE10 */
+	background-image:      -o-linear-gradient(top, #FFF, #F4F4F4); /* Opera 11.10+ */
+	background-image:         linear-gradient(to bottom, #FFF, #F4F4F4);
+}
+
+.opacity {
+	opacity: 0.5;
+	 filter: alpha(opacity=50); /* IE8 and earlier */
+}
+
+/* Rule based on http://css3please.com/ */
+.transition {
+	-webkit-transition: all 0.6s ease 0s; /* Saf3.2+, Chrome */
+	   -moz-transition: all 0.6s ease 0s; /* FF4+ */
+		-ms-transition: all 0.6s ease 0s; /* IE10? */
+		 -o-transition: all 0.6s ease 0s; /* Opera 10.5+ */
+			transition: all 0.6s ease 0s;
+}
+
+/* Rule based on http://css3please.com/ */
+/* Use this convertor http://kimili.com/journal/rgba-hsla-css-generator-for-internet-explorer/ */
+.rgba {
+	background-color: transparent;
+	background-color: rgba(0, 0, 0, 0.8); /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
+		  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000)"; /* IE8 */
+			  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000); /* IE6 & 7 */
+				zoom: 1;
+}
+
+/* Shadows */
+.shadow {
+	text-shadow: 1px 1px 1px #CCC
+}
+
+.box_shadow {
+	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
+	padding: 12px 20px 2px
+}
+
+/* Clear fix */
+.clear {
+	clear: both;
+	font-size: 1px;
+	height: 0px;
+	line-height: 0
+}
+
+/* Golden Ratio (base is 16px) */
+.ratio13 {
+	font-size: 0.813em; 	/* 13px */
+	line-height: 1.231em; 	/* 16px */
+}
+
+.ratio14 {
+	font-size: 0.875em;		/* 14px */
+	line-height: 1.857em; 	/* 26px */
+}
+
+.ratio15 {
+	font-size: 1.154em; 	/* 15px */
+	line-height: 1.800em; 	/* 27px */
+}

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

@@ -0,0 +1,20 @@
+/**
+ * BlankPlate | Yet another HTML5 Starter Kit
+ *
+ * BlankPlate IE 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
+ */
+
+/**
+ * IE FIXES
+ * Your IE fixes
+ * -------------------------------------------------------------------------------------------------
+ */
+.ie {
+	display: none !important
+}