persistentgrid 0.0.1.beta.1

data/scss/pg/modules/forms/settings/input.scss

@@ -0,0 +1,256 @@
+// /**
+//  * Copyright (C) 2013 Crossing Hippos - Babs Gösgens. All rights reserved.
+//  * Licensed under GNU General Public License version 2 or later; see LICENSE.txt
+//  */
+@if $trace-imports { @debug 'imported'; }
+
+
+//  ==========================================================================
+//  Input base class
+//  ==========================================================================
+
+	$input-base-class: "input" !default;
+
+
+//  ==========================================================================
+//  Input default properties
+//  ==========================================================================
+
+	$input-field-class: $input-base-class + '-field' !default;
+	$input-width: 100%;
+	$input-height: $base-line-height;
+
+
+	// -----------------------------------------------------------------------
+	// Input margin (top, right, left, bottom)
+	// -----------------------------------------------------------------------
+
+	$input-margin-top: 0 !default;
+	$input-margin-right: 0 !default;
+	$input-margin-bottom: 0 !default;
+	$input-margin-left: 0 !default;
+	$input-margin: 
+		$input-margin-top 
+		$input-margin-right 
+		$input-margin-bottom 
+		$input-margin-left 
+		!default;
+
+
+	// -----------------------------------------------------------------------
+	// Input padding (top, right, left, bottom)
+	// -----------------------------------------------------------------------
+
+	$input-padding-top: vertical-rhythm(.25) !default;
+	$input-padding-right: horizontal-rhythm(1/2) !default;
+	$input-padding-bottom: vertical-rhythm(.25) !default;
+	$input-padding-left: horizontal-rhythm(1/2) !default;
+	$input-padding: 
+		$input-padding-top 
+		$input-padding-right 
+		$input-padding-bottom 
+		$input-padding-left 
+		!default;
+
+
+	// -----------------------------------------------------------------------
+	// Input background (background-color, background-image)
+	// -----------------------------------------------------------------------
+
+	$input-background-color: $color-background !default;
+	$input-background-image: false !default;
+	$input-background:
+		$input-background-color
+		$input-background-image 
+		!default;
+
+
+	// -----------------------------------------------------------------------
+	// Input border (top, right, left, bottom)
+	// -----------------------------------------------------------------------
+
+	$input-border-width: 1px !default;
+	$input-border-style: solid !default;
+	$input-border-color: darken($color-background, 30%) !default;
+	$input-border: 
+		$input-border-width 
+		$input-border-style 
+		$input-border-color 
+		!default;
+
+
+	// -----------------------------------------------------------------------
+	// Input corner (top-left, top-right, bottom-left, bottom-right)
+	// -----------------------------------------------------------------------
+	
+	$input-border-radius-top-left: $corner-radius !default;
+	$input-border-radius-top-right: $corner-radius !default;
+	$input-border-radius-bottom-right: $corner-radius !default;
+	$input-border-radius-bottom-left: $corner-radius !default;
+	$input-border-radius: $corner-radius !default;
+
+
+	// -----------------------------------------------------------------------
+	// Input shadow (box-shadow, inner-shadow)
+	// -----------------------------------------------------------------------
+
+	$input-shadow-box: $color-body 1px 1px 2px 0 !default;
+	$input-shadow-inner: darken($input-background-color, 10%) 1px 1px 1px 0 inset !default;
+	$input-shadow:
+		$input-shadow-inner
+		!default;
+
+
+	// -----------------------------------------------------------------------
+	// Input text (color, shadow, align, decoration)
+	// -----------------------------------------------------------------------
+
+	$input-text-color: $color-body !default;
+	$input-text-shadow: false !default;
+	$input-text-align: left !default;
+	$input-text-decoration: none !default;
+	$input-text: 
+		$input-text-color
+		$input-text-shadow
+		$input-text-align
+		$input-text-decoration
+		!default;
+
+
+	// -----------------------------------------------------------------------
+	// Input type (type, size, leading)
+	// -----------------------------------------------------------------------
+
+	$input-type-type: $type-default !default;
+	$input-type-size: $base-font-size !default;
+	$input-type-rhythm: 1 !default;
+	$input-type:
+		$input-type-type
+		$input-type-size
+		$input-type-rhythm
+		!default;
+
+
+//  ==========================================================================
+//  Input Color properties
+//  ==========================================================================
+
+	$input-color-class: $input-base-class + '-color' !default;
+	$input-color-width: false;
+
+
+//  ==========================================================================
+//  Input Range properties
+//  ==========================================================================
+
+	$input-range-class: $input-base-class + '-range' !default;
+	$input-range-width: 100%;
+
+	
+//  ==========================================================================
+//  Input Search properties
+//  ==========================================================================
+
+	$input-search-class: $input-base-class + '-search' !default;
+	$input-search-border-radius: $input-border-radius;
+
+	
+//  ==========================================================================
+//  Input Checkbox/Radio properties
+//  ==========================================================================
+
+	$input-check-class: $input-base-class + '-check' !default;
+
+	
+//  ==========================================================================
+//  Textarea properties
+//  ==========================================================================
+
+	$textarea-class: $input-base-class + '-textarea' !default;
+
+
+//  ==========================================================================
+//  Select properties
+//  ==========================================================================
+
+	$select-dropdown-class: $input-base-class + '-dropdown' !default;
+	$select-multiple-class: $input-base-class + '-selectbox' !default;
+
+	$select-appearance-default: true;
+	$select-webkit: false;
+
+
+//  ==========================================================================
+//  Input focus properties
+//  ==========================================================================
+
+
+	// -----------------------------------------------------------------------
+	// Input background (background-color, background-image)
+	// -----------------------------------------------------------------------
+
+	$input-focussed-background-color: $whitesmoke !default;
+	$input-focussed-background-image: linear-gradient(lighten($input-focussed-background-color,5), darken($input-focussed-background-color,5)) !default;
+	$input-focussed-background:
+		$input-focussed-background-color
+		false 
+		!default;
+
+
+	// -----------------------------------------------------------------------
+	// Input border (top, right, left, bottom)
+	// -----------------------------------------------------------------------
+
+	$input-focussed-border-width: false !default; // Inherit
+	$input-focussed-border-style: false !default; // Inherit
+	$input-focussed-border-color: $color-primary !default;
+	$input-focussed-border: 
+		$input-focussed-border-width 
+		$input-focussed-border-style 
+		$input-focussed-border-color 
+		!default;
+
+
+	// -----------------------------------------------------------------------
+	// Input outline (top, right, left, bottom)
+	// -----------------------------------------------------------------------
+
+	$input-focussed-outline-border: none !default;
+	$input-focussed-outline-offset: if($input-focussed-outline-border==none, false, 0) !default; // disable Safari's default - we're using box-shadows cross-browser
+	$input-focussed-outline:
+		$input-focussed-outline-border
+		$input-focussed-outline-offset
+		!default;
+
+	// -----------------------------------------------------------------------
+	// Input corner (top-left, top-right, bottom-left, bottom-right)
+	// -----------------------------------------------------------------------
+	
+	$input-focussed-border-radius: false !default;
+
+
+	// -----------------------------------------------------------------------
+	// Input shadow (box-shadow, inner-shadow)
+	// -----------------------------------------------------------------------
+
+	$input-focussed-shadow-box: 0 0 4px $input-focussed-border-color !default;
+	$input-focussed-shadow-inner: false !default;
+	$input-focussed-shadow:
+		$input-focussed-shadow-box
+		!default;
+
+
+	// -----------------------------------------------------------------------
+	// Input text (color, shadow, align, decoration)
+	// -----------------------------------------------------------------------
+
+	$input-focussed-text-color: $color-body !default;
+	$input-focussed-text-shadow: false !default;
+	$input-focussed-text-align: left !default;
+	$input-focussed-text-decoration: none !default;
+	$input-focussed-text: 
+		$input-focussed-text-color
+		$input-focussed-text-shadow
+		$input-focussed-text-align
+		$input-focussed-text-decoration
+		!default;

data/scss/pg/modules/forms/settings/labels.scss

@@ -0,0 +1,101 @@
+// /**
+//  * Copyright (C) 2013 Crossing Hippos - Babs Gösgens. All rights reserved.
+//  * Licensed under GNU General Public License version 2 or later; see LICENSE.txt
+//  */
+@if $trace-imports { @debug 'imported'; }
+
+
+//  ==========================================================================
+//  Label base selector
+//  ==========================================================================
+
+	$label-base-class: "label" !default;
+
+
+
+//  ==========================================================================
+//  Label default properties
+//  ==========================================================================
+
+	$label-width: 100%;
+
+
+	// -----------------------------------------------------------------------
+	// Label margin (top, right, left, bottom)
+	// -----------------------------------------------------------------------
+
+	$label-margin: $input-margin !default;
+
+
+	// -----------------------------------------------------------------------
+	// Label padding (top, right, left, bottom)
+	// -----------------------------------------------------------------------
+
+	$label-padding-top: vertical-rhythm(.25) !default;
+	$label-padding-right: 0 !default;
+	$label-padding-bottom: vertical-rhythm(.25) !default;
+	$label-padding-left: 0 !default;
+	$label-padding: 
+		$label-padding-top 
+		$label-padding-right 
+		$label-padding-bottom 
+		$label-padding-left 
+		!default;
+
+
+	// -----------------------------------------------------------------------
+	// Label background (background-color, background-image)
+	// -----------------------------------------------------------------------
+
+	$label-background: false !default;
+
+
+	// -----------------------------------------------------------------------
+	// Label border (top, right, left, bottom)
+	// -----------------------------------------------------------------------
+
+	$label-border: false !default;
+
+
+	// -----------------------------------------------------------------------
+	// Label corner (top-left, top-right, bottom-left, bottom-right)
+	// -----------------------------------------------------------------------
+	
+	$label-border-radius: false !default;
+
+
+	// -----------------------------------------------------------------------
+	// Label shadow (box-shadow, inner-shadow)
+	// -----------------------------------------------------------------------
+
+	$label-shadow: false !default;
+
+
+	// -----------------------------------------------------------------------
+	// Label text (color, shadow, align, decoration)
+	// -----------------------------------------------------------------------
+
+	$label-text-color: $color-body !default;
+	$label-text-shadow: false !default;
+	$label-text-align: left !default;
+	$label-text-decoration: none !default;
+	$label-text: 
+		$label-text-color
+		$label-text-shadow
+		$label-text-align
+		$label-text-decoration
+		!default;
+
+
+	// -----------------------------------------------------------------------
+	// Label type (type, size, leading)
+	// -----------------------------------------------------------------------
+
+	$label-type-type: $type-default !default;
+	$label-type-size: $base-font-size !default;
+	$label-type-rhythm: 1 !default;
+	$label-type:
+		$label-type-type
+		$label-type-size
+		$label-type-rhythm
+		!default;

data/scss/pg/modules/lists/_all.scss

@@ -0,0 +1,9 @@
+// /**
+//  * Copyright (C) 2013 Crossing Hippos - Babs Gösgens. All rights reserved.
+//  * Licensed under GNU General Public License version 2 or later; see LICENSE.txt
+//  */
+@if $trace-imports { @debug 'imported'; }
+
+@import "settings";
+@import "helpers";
+@import "behavior";

data/scss/pg/modules/lists/_behavior.scss

@@ -0,0 +1,99 @@
+// /**
+//  * Copyright (C) 2013 Crossing Hippos - Babs Gösgens. All rights reserved.
+//  * Licensed under GNU General Public License version 2 or later; see LICENSE.txt
+//  */
+@if $trace-imports { @debug 'imported'; }
+
+
+//  ==========================================================================
+//  List defaults
+//  ==========================================================================
+
+ol {
+	&.#{$list-base-class} {
+		@extend .#{$list-base-class}-#{$list-ol-default};
+	}
+}
+ul {
+	&.#{$list-base-class} {
+		@extend .#{$list-base-class}-#{$list-ul-default};
+	}
+}
+
+
+//  ==========================================================================
+//  List style types
+//  ==========================================================================
+
+@if $list-style-type-armenian {
+	@include list-style-type(armenian);
+}
+@if $list-style-type-circle {
+	@include list-style-type(circle);
+}
+@if $list-style-type-cjk-ideographic {
+	@include list-style-type(armenian);
+}
+@if $list-style-type-decimal {
+	@include list-style-type(decimal);
+}
+@if $list-style-type-decimal-leading-zero {
+	@include list-style-type(decimal-leading-zero);
+}
+@if $list-style-type-disc {
+	@include list-style-type(disc);
+}
+@if $list-style-type-georgian {
+	@include list-style-type(georgian);
+}
+@if $list-style-type-hebrew {
+	@include list-style-type(hebrew);
+}
+@if $list-style-type-hiragana {
+	@include list-style-type(hiragana);
+}
+@if $list-style-type-hiragana-iroha {
+	@include list-style-type(hiragana-iroha);
+}
+@if $list-style-type-inherit {
+	@include list-style-type(inherit);
+}
+@if $list-style-type-katakana {
+	@include list-style-type(katakana);
+}
+@if $list-style-type-katakana-iroha {
+	@include list-style-type(katakana-iroha);
+}
+@if $list-style-type-lower-alpha {
+	@include list-style-type(lower-alpha);
+}
+@if $list-style-type-lower-greek {
+	@include list-style-type(lower-greek);
+}
+@if $list-style-type-lower-latin {
+	@include list-style-type(lower-latin);
+}
+@if $list-style-type-lower-roman {
+	@include list-style-type(lower-roman);
+}
+@if $list-style-type-none {
+	@include list-style-type(none);
+}
+@if $list-style-type-square {
+	@include list-style-type(square);
+}
+@if $list-style-type-upper-alpha {
+	@include list-style-type(upper-alpha);
+}
+@if $list-style-type-upper-latin {
+	@include list-style-type(upper-latin);
+}
+@if $list-style-type-upper-roman {
+	@include list-style-type(upper-roman);
+}
+
+.list-inline {
+	&>li {
+		display: inline-block;
+	}
+}

data/scss/pg/modules/lists/_helpers.scss

@@ -0,0 +1,11 @@
+// /**
+//  * Copyright (C) 2013 Crossing Hippos - Babs Gösgens. All rights reserved.
+//  * Licensed under GNU General Public License version 2 or later; see LICENSE.txt
+//  */
+@if $trace-imports { @debug 'imported'; }
+
+@mixin list-style-type($type) {
+	.#{$list-base-class}-#{$type} {
+		list-style-type: $type;
+	}
+}

data/scss/pg/modules/lists/_settings.scss

@@ -0,0 +1,49 @@
+// /**
+//  * Copyright (C) 2013 Crossing Hippos - Babs Gösgens. All rights reserved.
+//  * Licensed under GNU General Public License version 2 or later; see LICENSE.txt
+//  */
+@if $trace-imports { @debug 'imported'; }
+
+
+//  ==========================================================================
+//  List base class
+//  ==========================================================================
+
+	$list-base-class: "list" !default;
+
+
+//  ==========================================================================
+//  List base style types
+//  ==========================================================================
+
+	$list-ul-default: disc !default;
+	$list-ol-default: decimal !default;
+
+
+//  ==========================================================================
+//  List Style Types
+//  See: http://www.w3schools.com/cssref/pr_list-style-type.asp
+//  ==========================================================================
+
+	$list-style-type-armenian: false !default;
+	$list-style-type-circle: true !default;
+	$list-style-type-cjk-ideographic: false !default;
+	$list-style-type-decimal: true !default;
+	$list-style-type-decimal-leading-zero: false !default;
+	$list-style-type-disc: true !default;
+	$list-style-type-georgian: false !default;
+	$list-style-type-hebrew: false !default;
+	$list-style-type-hiragana: false;
+	$list-style-type-hiragana-iroha: false !default;
+	$list-style-type-inherit: true !default;	
+	$list-style-type-katakana: false !default;
+	$list-style-type-katakana-iroha: false !default;
+	$list-style-type-lower-alpha: true !default;
+	$list-style-type-lower-greek: false !default;
+	$list-style-type-lower-latin: true !default;
+	$list-style-type-lower-roman: true !default;
+	$list-style-type-none: false !default;
+	$list-style-type-square: true !default;
+	$list-style-type-upper-alpha: true !default;
+	$list-style-type-upper-latin: true !default;
+	$list-style-type-upper-roman: true !default;

data/scss/pg/modules/tables/_all.scss

@@ -0,0 +1,8 @@
+// /**
+//  * Copyright (C) 2013 Crossing Hippos - Babs Gösgens. All rights reserved.
+//  * Licensed under GNU General Public License version 2 or later; see LICENSE.txt
+//  */
+
+@import "settings";
+@import "helpers";
+@import "behavior";

data/scss/pg/modules/tables/_behavior.scss

@@ -0,0 +1,79 @@
+// /**
+//  * Copyright (C) 2013 Crossing Hippos - Babs Gösgens. All rights reserved.
+//  * Licensed under GNU General Public License version 2 or later; see LICENSE.txt
+//  */
+#{$table-base-class} {
+	@if($table-width) {
+		width: 100%;
+	}
+	@if($table-border) {
+		border: $table-border;
+		@if($table-border-radius) {
+			border-collapse: separate;
+			@include border-radius($table-border-radius);
+		}
+	}
+
+	@if($table-cell-padding) {
+		th,
+		td {
+			padding: $table-cell-padding;
+		}
+	}
+	.colgroup {
+		@if($table-colgroup-border) {
+			border: $table-colgroup-border;
+		}
+		@if($table-colgroup-background) {
+			background: $table-colgroup-background;
+		}
+	}
+	.col {
+		@if($table-col-border) {
+			border-collapse: collapse;
+			border: $table-col-border;
+		}
+		@if($table-col-background) {
+			background: $table-col-background;
+		}
+	}
+}
+
+#{$table-base-class}-zebra {
+	@if($table-row-odd-background) {
+		tr:nth-of-type(odd) {
+			@extend .row-odd;
+		}
+	}
+	@if($table-row-even-background) {
+		tr:nth-of-type(even) {
+			@extend .row-even;
+		}
+	}
+	@if($table-row-state-hover-background) {
+		tr:hover {
+			@extend .is-row-hover;
+		}
+	}
+}
+
+.table-column-header,
+.table-row-header,
+th {
+	@include module-font($table-th-type, $table-th-type-size);
+}
+@if($table-row-odd-background) {
+	.row-odd {
+		background: $table-row-odd-background;
+	}
+}
+@if($table-row-even-background) {
+	.row-even {
+		background: $table-row-even-background;
+	}
+}
+@if($table-row-state-hover-background) {
+	.is-row-hover {
+		background: $table-row-state-hover-background !important;
+	}
+}

data/scss/pg/modules/tables/_helpers.scss

@@ -0,0 +1,7 @@
+// /**
+//  * Copyright (C) 2013 Crossing Hippos - Babs Gösgens. All rights reserved.
+//  * Licensed under GNU General Public License version 2 or later; see LICENSE.txt
+//  */
+
+// @import "base/functions";
+@import "helpers/mixins";

data/scss/pg/modules/tables/_settings.scss

@@ -0,0 +1,69 @@
+// /**
+//  * Copyright (C) 2013 Crossing Hippos - Babs Gösgens. All rights reserved.
+//  * Licensed under GNU General Public License version 2 or later; see LICENSE.txt
+//  */
+
+// 	################################################################################################################################  //
+// 	Tables							  																								  //
+// 	################################################################################################################################  //
+
+	$tables-active-column-background-color	: $color-theme;
+
+
+	$table-base-class 						: ".table";
+
+	// table
+	$table-width 							: 100%;
+
+	$table-border-width 					: 1px;
+	$table-border-style 					: solid;
+	$table-border-color 					: $color-theme;
+	$table-border-radius 					: $corner-radius;
+	$table-border 							: false; //$table-border-width $table-border-style $table-border-color; // Set to false if you don"t want any border to render
+
+	$table-type-size 						: $base-font-size;
+	$table-type-leading 					: $base-line-height;
+	$table-type 							: $lato-book, $table-type-size, $table-type-leading;
+
+	//table-caption
+	$table-caption-type-size 				: $base-font-size;
+	$table-caption-type-leading 			: $base-line-height;
+	$table-caption-type 					: $lato-ultra-light, $table-caption-type-size, $table-caption-type-leading;
+
+	$table-caption-alignment 				: left;
+
+	// $table-colgroup
+	$table-colgroup-border					: 1px solid $white;
+	$table-colgroup-background				: rgba(0,0,0,.2);
+
+	// $table-col
+	$table-col-border					: 1px solid $white;
+	$table-col-background				: rgba(0,0,0,.2);
+
+	// $table-head
+
+	// $table-body
+
+	// $table-footer
+
+	// $table-row
+	$table-row-odd-background 				: darken($white, 10);
+	$table-row-even-background 				: false;
+
+	$table-row-state-hover-background 		: lighten($color-primary, 20);
+
+	// $table-cell	
+	$table-cell-padding-top 				: rhythm(.25);
+	$table-cell-padding-right 				: column-padding(.25);
+	$table-cell-padding-bottom 				: rhythm(.25);
+	$table-cell-padding-left 				: column-padding(.25);
+	$table-cell-padding 					: $table-cell-padding-top $table-cell-padding-right  $table-cell-padding-bottom $table-cell-padding-left; // Set to false for no padding
+
+	// $table-th
+
+	$table-th-type 								: $lato-bold;
+
+	$table-th-type-size 						: px-to-relative-size(14px);
+	$table-th-type-leading 						: px-to-relative-size(10px);
+
+	// $table-td