persistentgrid 0.0.1.beta.1

data/scss/pg/modules/tables/helpers/_mixins.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
+//  */
+
+// Use the final type size in the font-unit specified in the Vertical-Rhythm module
+@mixin module-font($type, $base-font-size:$base-font-size, $base-line-height:$base-line-height) {
+	@include font($type);
+}

data/scss/pg/modules/tabs/_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/tabs/_behavior.scss

@@ -0,0 +1,77 @@
+// /**
+//  * Copyright (C) 2013 Crossing Hippos - Babs Gösgens. All rights reserved.
+//  * Licensed under GNU General Public License version 2 or later; see LICENSE.txt
+//  */
+
+.tabs {
+	position: relative;
+}
+.tab {
+	@include column-behavior;
+}
+.tab-tab {
+	float: left;
+}
+.tab-content {
+	float: left;
+	position: relative; // This is necessary for the accompanying script to work correctly
+	display: none;
+}
+
+.tabs-horizontal {
+	@for $i from $min-tabs through $max-tabs {
+		&.tabs-#{$i} {
+			.tab {
+				@include column-width(1/$i);
+			}
+		}
+	}
+	// Reset tabs to full width on smaller screens
+	@include breakpoint($small_handheld_wide) {
+		.tab {
+			width: 100% !important;
+		}
+	}
+}
+
+.tab {
+	&:target,
+	&.is-active {
+		.tab-content {
+			display: inline-block;
+		}
+	}
+}
+
+.tab-tab {
+	text-align: center;
+	border: 1px solid $color-primary;
+}
+.is-active {
+	.tab-tab {
+		border-bottom: rhythm(1) solid $color-primary;
+	}
+}
+// .tab-tab {
+// 	padding-right: 10px;
+// 	display: block;
+// 	@include column-spacing;
+// 	padding-left: 0 !important;
+// 	span {
+// 		display: block;
+// 		border: 1px solid $color-theme;
+// 		border-width: 1px 1px 0;
+// 		@include border-top-radius($corner-radius);
+// 		@include column-spacing;
+// 		background: $color-theme;
+// 	}
+	
+// }
+// .is-active {
+// 	.tab-tab {
+// 		background: $white;
+// 		span {
+// 			background: $white;
+// 		}
+// 	}
+// }

data/scss/pg/modules/tabs/_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/tabs/_settings.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
+//  */
+
+
+$min-tabs 										: 2; // This number defines how many different widths are set
+$max-tabs 										: 4; // This number defines how many different widths are set

data/scss/pg/modules/tabs/helpers/_mixins.scss

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

data/scss/pg/skins/_crossinghippos.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
+//  */
+@if $trace-imports { @debug 'imported'; }
+
+
+@import "crossinghippos/all";

data/scss/pg/skins/crossinghippos/_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 "helpers";
+@import "settings";
+@import "behavior";

data/scss/pg/skins/crossinghippos/_behavior.scss

@@ -0,0 +1,10 @@
+// /**
+//  * 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 "pg/extended/behavior";
+
+@import "buttons/behavior";

data/scss/pg/skins/crossinghippos/_helpers.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
+//  */
+@if $trace-imports { @debug 'imported'; }
+
+
+// @import "pg/extended/helpers";

data/scss/pg/skins/crossinghippos/_settings.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 "pg/extended/settings";
+
+@import "buttons/settings";

data/scss/pg/skins/crossinghippos/buttons/_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/skins/crossinghippos/buttons/_behavior.scss

@@ -0,0 +1,25 @@
+// /**
+//  * @copyright  Copyright (C) 2013 Crossing Hippos - Babs Gösgens. All rights reserved.
+//  * @license    GNU General Public License version 2 or later; see LICENSE.txt
+//  */
+@if $trace-imports { @debug 'imported'; }
+
+
+@include button(".#{$button-base-class}-primary") {
+  @include column-spacing;
+  @include module-background($button-primary-background);
+  @include button('&:hover') {
+    @extend .is-#{$button-base-class}-primary-hover !optional;
+  }
+  @include button('&:active') {
+    @extend .is-#{$button-base-class}-primary-active !optional;
+  }
+}
+
+@include button(".is-#{$button-base-class}-primary-hover") {
+  @include module-background($button-primary-hover-background);
+}
+
+@include button(".is-#{$button-base-class}-primary-active") {
+  @include module-background($button-primary-active-background);
+}

data/scss/pg/skins/crossinghippos/buttons/_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
+//  */
+@if $trace-imports { @debug 'imported'; }
+
+@import "pg/extended/buttons/helpers";

data/scss/pg/skins/crossinghippos/buttons/_settings.scss

@@ -0,0 +1,50 @@
+// /**
+//  * Copyright (C) 2013 Crossing Hippos - Babs Gösgens. All rights reserved.
+//  * Licensed under GNU General Public License version 2 or later !default; see LICENSE.txt
+//  */
+@if $trace-imports { @debug 'imported'; }
+
+// @import "pg/extended/buttons/settings";
+
+
+	// -----------------------------------------------------------------------
+	// Default button overrides - default state
+	// -----------------------------------------------------------------------
+
+	$button-padding: false;
+
+
+	// -----------------------------------------------------------------------
+	// Primary button - default state
+	// -----------------------------------------------------------------------
+
+	$button-primary-background-color: $color-primary;
+	$button-primary-background-image: none;
+	$button-primary-background:
+		$button-primary-background-color
+		$button-primary-background-image
+		;
+
+
+	// -----------------------------------------------------------------------
+	// Primary button - hover state
+	// -----------------------------------------------------------------------
+
+	$button-primary-hover-background-color: darken($button-primary-background-color, 5%);
+	$button-primary-hover-background-image: none;
+	$button-primary-hover-background:
+		$button-primary-hover-background-color
+		$button-primary-hover-background-image
+		;
+
+
+	// -----------------------------------------------------------------------
+	// Primary button - active state
+	// -----------------------------------------------------------------------
+
+	$button-primary-active-background-color: darken($button-primary-background-color, 15%);
+	$button-primary-active-background-image: none;
+	$button-primary-active-background:
+		$button-primary-active-background-color
+		$button-primary-active-background-image
+		;

data/scss/pg/skins/crossinghippos/forms/_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/skins/crossinghippos/forms/_base.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/mixins.scss";
+@import "base/behavior.scss";

data/scss/pg/skins/crossinghippos/forms/_behavior.scss

@@ -0,0 +1,259 @@
+// /**
+//  * @copyright	Copyright (C) 2013 Online Kollektief - Babs Gösgens. All rights reserved.
+//  * @license		GNU General Public License version 2 or later; see LICENSE.txt
+//  */
+
+// $form-horizontal-padding: rhythm(.5);
+$form-vertical-padding: rhythm(.5);
+$form-height-textarea: rhythm(5);
+
+fieldset {
+	&>ul,
+	&>ol {
+		list-style-type: none;
+	}
+}
+
+fieldset {
+	fieldset {
+		legend {
+			@extend label;
+		}
+	}
+}
+label,
+input,
+select,
+textarea {
+	display: inline-block;
+	@include adjust-font-size-to($base-font-size);
+	@include box-sizing('border-box');
+	border: 0;
+	margin: 0;
+	width: 100%;
+}
+textarea {
+	height: $form-height-textarea;
+}
+input[type="radio"],
+input[type="checkbox"] {
+	width: auto;
+	padding: 0;
+	margin: 0;
+	border: 0;
+	vertical-align: baseline;
+	+ label {
+		width: auto;
+	}
+}
+
+input[type="button"],
+input[type="submit"],
+input[type="reset"] {
+	@extend .button;
+	width: auto;
+}
+
+
+
+// .inline {
+// 	label {
+// 		width: $inlineLabelWidth;
+// 		margin-right: $negative-right-margin;
+// 	}
+// 	input,
+// 	select,
+// 	textarea {
+// 		width: 100% - $inlineLabelWidth;
+// 		margin-right: $negative-right-margin;
+// 	}
+// }
+
+$roundedCorners : true;
+$color-cta-secondary: $color-attn-one;
+
+$form-reset-elements: true; // Implement behavior
+
+$form-color-default: darken($white,10);
+$form-color-hover: $color-cta-secondary;
+$form-color-focus: $form-color-hover;
+$form-color-invalid: $red;
+$form-color-inactive: lighten($red,60);
+
+$form-corner-radius: $corner-radius;
+
+$form-border-width: 1px;
+$form-border-color: $form-color-default;
+$form-border-style: solid;
+
+$form-text-color: $color-body;
+
+$form-triangle-size: $base-font-size;
+
+.form-default {
+	@include webkit-remove-shadow-on-input-elements();
+	.span {
+		width: 100%;
+	}
+	li {
+		@include trailer;
+	}
+	input,
+	select,
+	textarea {
+		@if $roundedCorners {
+			@include border-bottom-radius($form-corner-radius);
+		}
+		border: #{$form-border-width} #{$form-border-style} #{$form-border-color};
+		@include box-shadow(0);
+		&:hover,
+		&:focus {
+			outline: none;
+		}
+	}
+	label,
+	input,
+	select,
+	textarea {
+		@include rhythm(0,$form-vertical-spacing,$form-vertical-spacing,0);
+		@include column-spacing();
+	}
+
+	li:hover {
+		.choices legend,
+		>label:first-child {
+			position: relative;
+			background-color: $color-cta-secondary;
+			color: $white;
+			@include triangle($form-triangle-size, down, $form-color-hover, after );
+			&::after {
+				left: (0.5*$column-spacing) - (0.25*$form-triangle-size);
+			}
+		}
+		input,
+		select,
+		textarea {
+			border-color: $form-color-focus;
+		}
+	}
+	
+	.choices {
+		>legend {
+			@extend label;
+			&+ul {
+				@extend input;
+				@include rhythm(0,$form-vertical-spacing,$form-vertical-spacing,0);
+				@include column-spacing();
+			}
+		}
+		li {
+			margin-bottom: 0; // Override trailer
+			position: relative;
+			label {
+				background-color: transcontainer;
+			}
+			input {
+				position: absolute;
+				&+label {
+					padding-left: 1.3em;
+					padding-right: 0;
+				}
+			}
+			label,
+			input {
+				@include vertical-rhythm(1,height);
+				padding: 0;
+				border: 0;
+			}
+		}
+		&.boolean {
+			legend+ul {
+				margin-top: 0;
+			}
+			li {
+				display: inline-block;
+			}
+		}
+	}
+
+	label {
+		@include border-top-radius($corner-radius);
+		background-color: $form-color-default;
+		&+textarea,
+		&+input,
+		&+select+input,
+		&+select+.select,
+		&+select+.input>.select {
+			@include border-top-radius(0);
+		}
+	}
+	
+	label+select {
+		@include vertical-rhythm(0.5, margin-top);
+	}	
+
+	label.invalid,
+	label.invalid:hover {
+		background-color: $form-color-invalid !important;
+		color: $white !important;
+	}
+	.invalid,
+	.invalid:hover {
+		border-color: $form-color-invalid !important;
+	}
+	.invalid::after {
+		border-top-color: $form-color-invalid !important;
+	}
+
+	// Items with a sublabel
+	input[type="number"] {
+		@include column(1/2);
+		@include border-right-radius(0);
+		border-right-width: 0;
+		+label {
+			@extend input;
+			background-color: transcontainer !important;
+			@include column(1/2);
+			@include border-bottom-radius($corner-radius);
+			@include border-left-radius(0);
+			@include border-top-radius(0);
+			color: $color-body !important;
+			border-left-width: 0;
+			white-space: nowrap;
+			&.invalid:hover {
+				background-color: transcontainer !important;
+				color: $color-body !important;
+			}
+		}
+	}
+	input[type="number"],
+	input[type="number"]+label {
+		height: rhythm(2) !important;
+	}
+}
+
+//*
+//* Searchbox styling
+//* http://css-tricks.com/webkit-html5-search-inputs/
+//*
+input[type="search"] {
+	@include font-size(16px);
+	::-webkit-input-placeholder,
+	:-moz-placeholder,
+	::-moz-placeholder,
+	:-ms-placeholder {
+	    color: $color-theme;
+		color: $color-body;  
+		text-align: left;
+		cursor: pointer;
+		// letter-spacing: 4px;        
+		text-shadow: 0 0 2px black;       
+		word-spacing: 20px;               
+	}
+}
+
+
+// noindex:-o-prefocus, input[type="number"] {
+//   padding-top: (14/16)*1em;
+//   padding-bottom: (14/16)*1em;
+// }

data/scss/pg/skins/crossinghippos/forms/_settings.scss

@@ -0,0 +1,29 @@
+// /**
+//  * @copyright	Copyright (C) 2013 Online Kollektief - Babs Gösgens. All rights reserved.
+//  * @license		GNU General Public License version 2 or later; see LICENSE.txt
+//  */
+	@import "pg/extended/forms/settings";
+
+// 	$input-border-width 						: 1px;
+// 	$input-border-style 						: solid;
+// 	$input-border-color 						: #cec;
+// 	$input-border-radius						: $corner-radius; 					// Defaults to 3px
+// 	$input-border 								: $input-border-width $input-border-style $input-border-color;
+
+// 	$input-background-image 					: false;
+
+// 	$input-shadow-box 							: #efefef 1px 1px 2px 0;
+// 	$input-shadow-inner 						: #efefef 1px 1px 0 0 inset;
+// 	$input-shadow 								: $input-shadow-box, $input-shadow-inner;
+
+// 	// 	################################################################################################################################  //
+// // 	Forms							  																								  //
+// // 	################################################################################################################################  //
+
+// 	$inlineLabelWidth						: 35% !default;
+// 	$roundedCorners							: true;
+// 	$inputShadowInset						: 0 0 0 1px rgba(0,0,0,.2) inset; //h-shadow v-shadow blur spread color inset;
+// 	$inputShadowOutset						: 0 0 10px 0 rgba(255,255,255,1);
+// 	$heightTextarea							: 4*$base-line-height !default;
+// 	$form-vertical-spacing					: 0.5;
+// 	$form-color-invalid						: #d03;

data/scss/pg/skins/crossinghippos/linkbar/_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/skins/crossinghippos/linkbar/_behavior.scss

@@ -0,0 +1,73 @@
+// /**
+//  * Copyright (C) 2013 Crossing Hippos - Babs Gösgens. All rights reserved.
+//  * Licensed under GNU General Public License version 2 or later; see LICENSE.txt
+//  */
+
+##{$linkbar-base-class} {
+	@include column-spacing;
+}
+
+.#{$linkbar-base-class}-item,
+.#{$linkbar-base-class}-item-link {
+	display: block;
+}
+
+.#{$linkbar-base-class}-item {
+	@if($linkbar-item-background) {
+		background: $linkbar-item-background;
+	}
+}
+
+.#{$linkbar-base-class}-item-link {
+	text-decoration: none;
+	@if($linkbar-item-link-padding) {
+		padding: $linkbar-item-link-padding;
+	}
+	@include column-spacing; // Override default padding because smalles views have built-in smaller column spadding
+	@if($linkbar-item-link-background) {
+		background: $linkbar-item-link-background;
+	}
+	@if($linkbar-item-link-color) {
+		color: $linkbar-item-link-color;
+	}
+	&:hover {
+		@extend .is-#{$linkbar-base-class}-item-link-hover;
+	}
+}
+
+.is-#{$linkbar-base-class}-item-link-hover {
+	@if($linkbar-item-link-hover-background) {
+		background: $linkbar-item-link-hover-background;
+	}
+	@if($linkbar-item-link-hover-color) {
+		color: $linkbar-item-link-hover-color;
+	}
+}
+
+.#{$linkbar-base-class}-trigger {
+	@extend .is-visible;
+	display: inline-block;
+	&+.#{$linkbar-base-class} {
+		@include is-hidden;
+	}
+}
+
+##{$linkbar-base-class}:target {
+	.#{$linkbar-base-class} {
+		@include is-not-hidden();
+	}
+}
+
+@include breakpoint($medium_handheld) {
+	.#{$linkbar-base-class}-trigger {
+		&+.#{$linkbar-base-class} {
+			@include is-not-hidden;
+		}
+	}
+	.#{$linkbar-base-class}-item,
+	.#{$linkbar-base-class}-item-link {
+		display: inline-block;
+	}
+}
+
+

data/scss/pg/skins/crossinghippos/linkbar/_helpers.scss

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