pondasee 1.0 → 1.1

data/templates/project/sass/partials/_mixins.scss

@@ -1,7 +1,63 @@
-// Mixins Collections
-// Feel free to customize this mixins collections
-// =================================================================================
+@import 'mixins/helper';
+@import 'mixins/basic-buttons';
+@import 'mixins/zurb-button';
+@import 'mixins/fonts';
+@import 'mixins/simple-responsive-grid';
 
-@import "pondasee/mixins";
+// Mixin for set up the baseline
+// Customize version from:
+// http://compass-style.org/reference/compass/typography/vertical_rhythm/#mixin-establish-baseline
+// ------------------
+@mixin establish-baseline($font-size: $base-font-size) {
+	// IE 6 refuses to resize fonts set in pixels and it weirdly resizes fonts
+	// whose root is set in ems. So we set the root font size in percentages of
+	// the default font size.
+	* html {
+		font-size: 100% * ($font-size / $browser-default-font-size); 
+	}
+	html {
+		font-size: $font-size;
+		@include adjust-leading-to(1, if($relative-font-sizing, $font-size, $base-font-size));
+		overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
+		-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
+		-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
+		-webkit-font-smoothing: antialiased; /* http://maxvoltar.com/archive/-Webkit-font-smoothing */
+	}
+	body {
+		background: $backgroundColor;
+		color: $fontColor;
+		@include ff-text;
+		text-rendering: optimizeLegibility; /* http://aestheticallyloyal.com/public/optimize-legibility/ */
+	}	
+}
 
-// Your custom mixins here
+// Border Radius
+// Modifed version from http://compass-style.org/reference/compass/css3/border_radius/
+// -o- and -ms- vendor prefix not exist for border radius
+$default-rad: 5px !default;
+
+@mixin border-radius($rad: $default-rad) {
+	-webkit-border-radius	: $rad;
+	-moz-border-radius		: $rad;
+	border-radius			: $rad;
+}
+
+// Mixin for cross browser inline-block
+// http://blog.mozilla.org/webdev/2009/02/20/cross-browser-inline-block/
+// ------------------
+@mixin inline-block {
+	display: -moz-inline-stack;
+	-moz-box-orient: vertical;
+	display: inline-block;
+	*display: inline;
+	vertical-align: top;
+	*zoom: 1;
+}
+
+// Mixin for cross browser opacity
+// http://css3please.com/
+// ------------------
+@mixin opacity($opacity) {
+	opacity: $opacity; // Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+
+	filter: alpha(opacity=$opacity * 100); // IE6-IE8
+}

data/templates/project/sass/partials/_reset.scss

@@ -2,4 +2,75 @@
 // Simpler version of Normalize.css + Eric Meyer Reset
 // =================================================================================
 
-@import "pondasee/reset";
+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, 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: inherit;
+	vertical-align: baseline;
+}
+
+article, aside, details, figcaption, figure, footer,
+header, hgroup, nav, section, summary {
+    display: block;
+}
+
+audio, canvas, video {
+    @include inline-block;
+}
+
+audio:not([controls]),
+[hidden] {
+    display: none;
+}
+
+a:focus {
+	@include tab-focus;
+}
+
+nav ul,
+nav ol {
+    @include reset-list;
+}
+
+img {
+    border: 0;
+	max-width: 100%;
+    -ms-interpolation-mode: bicubic;
+	vertical-align: middle;
+}
+
+svg:not(:root) {
+    overflow: hidden;
+}
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+}
+
+input[type="radio"] { 
+	vertical-align: text-bottom;
+}
+
+input[type="checkbox"] { 
+	vertical-align: text-bottom; 
+}
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}

data/templates/project/sass/partials/_table.scss

@@ -2,4 +2,43 @@
 // basic table styles
 // =================================================================================
 
-@import "pondasee/table";
+/* 	STANDARD TABLE
+	----------------- */
+table {
+	font-size: 12px;
+	max-width: 100%;
+	width: 100%;
+}
+
+table, 
+td { 
+    border: 1px solid #e8e8e8;
+    border-collapse: collapse;
+    margin: rhythm() 0;
+    padding: 5px 10px;
+}
+
+th { 
+	background-color: #e8e8e8;
+    border-right: 1px solid #e0e0e0;
+	color: #666;
+	margin: 5px 0 10px;
+    padding: 5px 10px;
+	text-transform: uppercase;
+	text-align: left;
+}
+
+table button, 
+table input { 
+	*overflow: auto;
+}
+
+/* 	STRIPE TABLE
+	----------------- */
+table.striped {
+	tr {
+		&:nth-child(odd) {
+			background-color: #f9f9f9;
+		}
+	}
+}

data/templates/project/sass/partials/_typography.scss

@@ -2,4 +2,220 @@
 // Super basic typography styles
 // =================================================================================
 
-@import "pondasee/typography";
+/* 	HEADING
+	----------------- */
+#{headings(all)} {
+	@include ff-heading;
+	font-weight: bold;
+}
+
+h1 {
+	font-size: 36px;
+	line-height: 1.3em;
+}
+
+h2 {
+	font-size: 24px;
+	line-height: 1.3em;
+}
+
+h3 {
+	font-size: 18px;
+	line-height: 1.5em;
+}
+
+h4 {
+	font-size: 16px;
+	line-height: 1.5em;
+}
+
+h5 {
+	font-size: 14px;
+	line-height: 1.5em;
+}
+
+h6 {
+	font-size: 14px;
+	line-height: 1.5em;
+}
+
+/* 	TEXT ELEMENT
+	----------------- */
+p {
+	margin: 0 0 rhythm() // output 1.5em;
+}
+
+em {
+	font-style: italic;
+}
+
+b, 
+strong {
+	font-weight: bold; 
+}
+
+small { 
+	font-size: 85%; 
+}
+
+cite {
+	font-style: normal;
+}
+
+dfn {
+	font-style: italic;
+	font-weight: bold;
+}
+
+sub, 
+sup {
+	font-size: 75%;
+	line-height: 0;
+	position: relative;
+}
+
+sup { 
+	top: -0.5em;
+	vertical-align: sub;
+}
+
+sub { 
+	bottom: -0.25em;
+	vertical-align: super;
+}
+
+abbr,
+acronym {
+	font-size: 90%;
+	text-transform: uppercase;
+	border-bottom: 1px dotted $grayLight;
+	cursor: help;
+}
+
+del {
+	color: $grayDark;
+	text-decoration: line-through;
+	vertical-align: baseline;
+}
+
+pre {
+	background: #ffff99;
+	border-bottom: 1px solid #ff2;
+	border-top: 1px solid #ff2;
+	color: #990;
+	margin: 1.5em 0;
+	padding: rhythm(.5) rhythm(.3);
+	@include force-wrap;
+}
+
+code {
+	background: #ffff99;
+	color: #990;
+	font-size: 11px;
+	line-height: 1.2em;
+	padding: rhythm(.2);
+}
+
+pre, 
+code, 
+kbd, 
+samp,
+tt { 
+	font-family: $consolas;
+}
+
+ins { 
+	text-decoration: underline;
+}
+
+mark { 
+	background: #ff0;
+	color: #990;
+	font-size: 11px;
+}
+
+/* 	BLOCKQUOTE
+	----------------- */
+blockquote {
+	border-left: 3px solid $grayLighter;
+	color: $grayDark;
+	font-style: italic;
+	font-family: $georgia;
+	margin: 1em 40px; 
+	padding-left: rhythm(.9);
+	
+	em,
+	i,
+	cite {
+		font-style: normal;
+	}
+	cite {
+		color: $blackLighter;
+		display: block;
+		padding: 10px 0 0 20px;
+		position: relative;
+		&:before {
+			content: '\2014';
+			left: 0;
+			position: absolute;
+		}
+	}
+}
+
+q:before,
+q:after,
+blockquote:before, 
+blockquote:after {
+  content: "";
+}
+
+address {
+	display: block;
+	margin: 0 0 1.5em;
+	font-style: italic;
+}
+
+/* 	LISTS
+	----------------- */
+ul, 
+ol {
+	margin: 1em 0;
+	padding: 0 0 0 rhythm(1.5); 
+}
+
+ul {
+	list-style: disc;
+}
+
+ol {
+	list-style-type: decimal;
+}
+
+ol ol {
+	list-style: upper-alpha;
+}
+
+ol ol ol {
+	list-style: lower-roman;
+}
+
+ol ol ol ol {
+	list-style: lower-alpha;
+}
+
+li ul, 
+li ol {
+	margin: 0;
+}
+
+dl {
+	margin: 0 1.625em;
+}
+
+dt {
+	font-weight: bold;
+}
+
+dd {
+	margin-bottom: 1.625em;
+}

data/templates/project/sass/partials/_utilities.scss

@@ -2,4 +2,190 @@
 // Custom & helper classes
 // =================================================================================
 
-@import "pondasee/utilities";
+/* 	CLEARFIX
+	http://nicolasgallagher.com/micro-clearfix-hack/
+	----------------- */
+.clearfix:before, 
+.clearfix:after { 
+	content: ""; 
+	display: table; 
+}
+
+.clearfix:after { 
+	clear: both; 
+}
+
+.clearfix { 
+	*zoom: 1;
+}
+
+/* 	CLEAR ELEMENT
+	----------------- */
+.clear {
+	clear: both;
+	display: block;
+	overflow: hidden;
+	visibility: hidden;
+	width: 0;
+	height: 0;
+}
+
+/* 	INLINE-BLOCK
+	----------------- */
+.iblock {
+	@include inline-block;
+}
+
+/* 	IMAGE REPLACEMENT
+	----------------- */
+.ir { 
+	border:0; 
+	font: 0/0 a; 
+	text-shadow: none; 
+	color: transparent; 
+	background-color: transparent; 
+}
+
+/* 	HIDE/SHOW ELEMENT
+	----------------- */
+.hide { 
+	display: none; 
+	visibility: hidden; 
+}
+
+.show { 
+	display: block;
+	visibility: visible;
+}
+
+.invisible { 
+	visibility: hidden; 
+}
+
+.visuallyhidden { 
+	border: 0; 
+	clip: rect(0 0 0 0); 
+	height: 1px; 
+	margin: -1px; 
+	overflow: hidden; 
+	padding: 0; 
+	position: absolute; 
+	width: 1px; 
+}
+
+.visuallyhidden.focusable {
+	&:active,
+	&:focus {
+		clip: auto; 
+		height: auto;
+		margin: 0; 
+		overflow: visible; 
+		position: static; 
+		width: auto; 
+	}
+}
+
+/* 	FLOATING ALIGNMENT
+	----------------- */
+.alignleft {
+	@include float(left);
+	margin-right: rhythm(); // output 1.5em
+}
+
+.alignright {
+	@include float(right);
+	margin-left: rhythm(); // output 1.5em
+}
+
+.aligncenter {
+	clear: both;
+	@include center-block;
+}
+
+.alignnone{
+    display: block;
+}
+
+/* 	QUICK FLOAT
+	----------------- */
+.fr { 
+	@include float(right);
+}
+
+.fl { 
+	@include float(left); 
+}
+
+.fn { 
+	@include reset-float; 
+}
+
+/* 	TEXT ALIGNMENT
+	----------------- */
+.left {
+	text-align: left
+}
+
+.right {
+	text-align: right;
+}
+
+.center {
+	text-align: center;
+}
+
+/* 	HR/STANDALONE BORDER
+	----------------- */
+hr {
+	border-top: 1px solid $borderColor;
+	border-bottom: 0;
+	border-right: 0;
+	border-left: 0;
+	clear: both;
+	height: 1px;
+	margin: rhythm() 0;
+	min-height: 0;
+	
+	&.dotted {
+		border-style: dotted;
+	}
+	&.dashed {
+		border-style: dashed;
+	}
+	&.darkborder {
+		border-color: $black
+	}
+	&.lightborder {
+		border-color: $white;
+	}
+}
+
+/* 	MISC CLASSES
+	----------------- */
+.first { 
+	margin-left: 0; 
+	padding-left: 0; 
+}
+
+.last { 
+	margin-right: 0;
+	padding-right: 0;
+}
+
+.top { 
+	margin-top: 0; 
+	padding-top: 0; 
+}
+
+.bottom { 
+	margin-bottom: 0; 
+	padding-bottom: 0; 
+}
+
+/* 	Text meant only for screen readers
+	----------------- */
+.assistive-text {
+	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+	clip: rect(1px, 1px, 1px, 1px);
+	position: absolute !important;
+}

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: pondasee
 version: !ruby/object:Gem::Version
-  version: '1.0'
+  version: '1.1'
   prerelease: 
 platform: ruby
 authors:
@@ -53,24 +53,6 @@ files:
 - LICENSE
 - VERSION
 - lib/pondasee.rb
-- stylesheets/pondasee/base.scss
-- stylesheets/pondasee/font-awesome.scss
-- stylesheets/pondasee/forms.scss
-- stylesheets/pondasee/grid.scss
-- stylesheets/pondasee/images.scss
-- stylesheets/pondasee/media-queries.scss
-- stylesheets/pondasee/mixins/_basic-buttons.scss
-- stylesheets/pondasee/mixins/_fonts.scss
-- stylesheets/pondasee/mixins/_helper.scss
-- stylesheets/pondasee/mixins/_simple-responsive-grid.scss
-- stylesheets/pondasee/mixins/_zurb-button.scss
-- stylesheets/pondasee/reset.scss
-- stylesheets/pondasee/table.scss
-- stylesheets/pondasee/typography.scss
-- stylesheets/pondasee/utilities.scss
-- stylesheets/pondasee/_mixins.scss
-- stylesheets/pondasee/_settings.scss
-- stylesheets/pondasee/_variable.scss
 - stylesheets/_pondasee.scss
 - templates/project/config-custom.rb
 - templates/project/fonts/fontawesome-webfont.eot
@@ -92,6 +74,11 @@ files:
 - templates/project/sass/partials/main/_footer.scss
 - templates/project/sass/partials/main/_header.scss
 - templates/project/sass/partials/main/_menus.scss
+- templates/project/sass/partials/mixins/_basic-buttons.scss
+- templates/project/sass/partials/mixins/_fonts.scss
+- templates/project/sass/partials/mixins/_helper.scss
+- templates/project/sass/partials/mixins/_simple-responsive-grid.scss
+- templates/project/sass/partials/mixins/_zurb-button.scss
 - templates/project/sass/partials/_base.scss
 - templates/project/sass/partials/_font-awesome.scss
 - templates/project/sass/partials/_forms.scss
@@ -106,6 +93,7 @@ files:
 - templates/project/sass/partials/_table.scss
 - templates/project/sass/partials/_typography.scss
 - templates/project/sass/partials/_utilities.scss
+- templates/project/sass/partials/_variable.scss
 - templates/project/sass/skins/default.scss
 - templates/project/sass/style.scss
 - templates/project/skins/default.css

data/stylesheets/pondasee/_mixins.scss

@@ -1,63 +0,0 @@
-@import 'mixins/helper';
-@import 'mixins/basic-buttons';
-@import 'mixins/zurb-button';
-@import 'mixins/fonts';
-@import 'mixins/simple-responsive-grid';
-
-// Mixin for set up the baseline
-// Customize version from:
-// http://compass-style.org/reference/compass/typography/vertical_rhythm/#mixin-establish-baseline
-// ------------------
-@mixin establish-baseline($font-size: $base-font-size) {
-	// IE 6 refuses to resize fonts set in pixels and it weirdly resizes fonts
-	// whose root is set in ems. So we set the root font size in percentages of
-	// the default font size.
-	* html {
-		font-size: 100% * ($font-size / $browser-default-font-size); 
-	}
-	html {
-		font-size: $font-size;
-		@include adjust-leading-to(1, if($relative-font-sizing, $font-size, $base-font-size));
-		overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
-		-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
-		-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
-		-webkit-font-smoothing: antialiased; /* http://maxvoltar.com/archive/-Webkit-font-smoothing */
-	}
-	body {
-		background: $backgroundColor;
-		color: $fontColor;
-		@include ff-text;
-		text-rendering: optimizeLegibility; /* http://aestheticallyloyal.com/public/optimize-legibility/ */
-	}	
-}
-
-// Border Radius
-// Modifed version from http://compass-style.org/reference/compass/css3/border_radius/
-// -o- and -ms- vendor prefix not exist for border radius
-$default-rad: 5px !default;
-
-@mixin border-radius($rad: $default-rad) {
-	-webkit-border-radius	: $rad;
-	-moz-border-radius		: $rad;
-	border-radius			: $rad;
-}
-
-// Mixin for cross browser inline-block
-// http://blog.mozilla.org/webdev/2009/02/20/cross-browser-inline-block/
-// ------------------
-@mixin inline-block {
-	display: -moz-inline-stack;
-	-moz-box-orient: vertical;
-	display: inline-block;
-	*display: inline;
-	vertical-align: top;
-	*zoom: 1;
-}
-
-// Mixin for cross browser opacity
-// http://css3please.com/
-// ------------------
-@mixin opacity($opacity) {
-	opacity: $opacity; // Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+
-	filter: alpha(opacity=$opacity * 100); // IE6-IE8
-}

data/stylesheets/pondasee/_settings.scss

@@ -1,3 +0,0 @@
-@import "compass";
-@import "pondasee/variable";
-@import "pondasee/mixins";