redframework 0.0.1.01

data/stylesheets/redframework/objects/_circle.scss

@@ -0,0 +1,37 @@
+@mixin option-size($namespace, $size) {
+	.option--#{$namespace}{
+		width: $size;
+		height: $size;
+		line-height: $size - ($options-selector__option--border-size * 2) + 1;
+		font-size:$size/2.5; 
+	}
+}
+
+.option-selector {
+	margin-bottom:1.5rem;
+}
+	.option {
+		font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
+		border-radius:$options-selector__option--border-radius;
+		border: $options-selector__option--border-size solid $options-selector__option--border-color;
+		color: $options-selector__option--color;
+		@include box-shadow($options-selector__option--shadow);
+		text-shadow: $options-selector__option--text-shadow;
+		cursor:pointer;
+		text-align:center;
+		width: $options-selector__option--default-size;
+		height:$options-selector__option--default-size;
+		font-size:$options-selector__option--font-size;
+		line-height:$options-selector__option--default-size - ($options-selector__option--border-size * 2);
+		display:inline-block;
+		margin-right: .5rem;
+		margin-bottom: .5rem;
+		&.selected {
+			color:$options-selector__option--color--selected;
+			border-color: $options-selector__option--border-color--selected;
+		}
+	}
+
+		@include option-size("xsmall", $options-selector__option--xsmall-size);
+		@include option-size("small", $options-selector__option--small-size);
+		@include option-size("large", $options-selector__option--large-size);

data/stylesheets/redframework/objects/_flag.scss

@@ -0,0 +1,38 @@
+.flag {
+    display: table;
+    width: 100%;
+}
+
+    .flag__image,
+    .flag__body {
+        display: table-cell;
+        vertical-align: middle;
+
+        .flag--top & {
+            vertical-align: top;
+        }
+
+        .flag--bottom & {
+            vertical-align: bottom;
+        }
+
+    }
+
+    .flag__image {
+        padding-right: 10px;
+
+        > img {
+            display: block;
+            max-width: none;
+        }
+
+        .flag--rev & {
+            padding-right: 0;
+            padding-left: 10px;
+        }
+
+    }
+
+    .flag__body {
+        width: 100%;
+    }

data/stylesheets/redframework/objects/_island.scss

@@ -0,0 +1,11 @@
+.island {}
+	.island__header {
+		background: $base-ui-color;
+		padding:15px;
+		color:white;
+		@include font-size($h4--font-size);
+		margin-bottom:1rem;
+	}	
+	.island__content {
+		padding:0 15px;
+	}

data/stylesheets/redframework/objects/_navigation.scss

@@ -0,0 +1,62 @@
+.nav{
+	list-style:none;
+	margin-left:0;
+	@extend .cf;
+	> li{
+		&,
+		> a{
+			display:inline-block;
+			*display:inline;
+			zoom:1;
+		}
+	}
+}
+
+.nav--stacked{
+	> li{
+		display:list-item;
+		> a{
+			display:block;
+		}
+	}
+}
+
+.nav--banner{
+	text-align:center;
+}
+
+.nav--block{
+	line-height:1;
+	letter-spacing:-0.31em;
+	word-spacing:-0.43em;
+	white-space:nowrap;
+	> li{
+		letter-spacing:normal;
+		word-spacing:normal;
+		> a{
+			padding:$half-spacing-unit;
+		}
+	}
+}
+
+.nav--fit{
+	display:table;
+	width:100%;
+	> li{
+		display:table-cell;
+		> a{
+			display:block;
+		}
+	}
+}
+
+.nav--keywords{
+	> li{
+		&:after{
+			content:"\002C" "\00A0";
+		}
+		&:last-child:after{
+			display:none;
+		}
+	}
+}

data/stylesheets/redframework/objects/_product-listing.scss

@@ -0,0 +1,162 @@
+.application  .products.view-style--grid {
+	ul {
+		text-align:center;
+		li {
+			position:relative;
+			width:245px;
+			height:300px;
+			border:1px solid #efefef;
+			border-bottom:none;
+			display:inline-block;
+			margin:10px;
+			background:#fff;
+			overflow:hidden;
+		}
+	}
+	.product__body {
+		position:absolute;
+		bottom:0;
+		float:left;
+		width: 100%;
+		height:82px;
+		background:#c11324;
+		text-align:left;
+		padding:10px;
+		border-bottom:4px solid darken(#c11324, 20%);
+		z-index: 1;
+		h2 {
+			color:#fff;
+			font-size:13px;
+			font-weight: normal;
+			text-overflow: ellipsis;
+			word-wrap: break-word;
+			overflow: hidden;
+			max-height: 3.6em;
+			line-height: 1.1em;
+			margin:0;
+		}
+		.product__price {
+			color:#fff;
+			font-size: 16px
+		}
+	}
+
+	.product__image {
+		height:217px;
+		img {
+			height:100%;
+		}
+	}
+
+	.product__productId, .nav, .product__stock, .breadcrumb { display:none}
+}
+
+
+
+.application .products.view-style--list {
+	padding:1rem;
+	> div > ul { 
+		list-style:none;
+		padding:0;
+		margin:0;
+		> li { 
+			width: 100%; 
+			border:1px solid #ccc;
+			margin-bottom:1rem;
+			position:relative;
+			background:white;
+		}
+	}
+
+	.product__image {
+		width:90px;
+		height:100%;
+		position:absolute;
+		top:0;
+		left:0;
+		overflow:hidden;
+		border-right:1px solid #e7e7e7;
+		text-align:center;
+		img {
+			width:90px;
+			height:auto;
+		}
+	}
+
+	.product__body {
+		padding:15px;
+		padding-left: 100px;
+		height:100%;
+		h2 { 
+			font-size:14px;
+			line-height:1.2;
+			font-family: helvetica;
+			margin:0 0 10px 0;
+			small {
+				padding-left:5px;
+				font-size:70%;
+			}
+		}
+		.product__details-wrapper {
+			overflow:hidden;
+		}
+		.details {
+			margin:0;
+			float:left
+		}
+		.product__stock {
+			float:right;
+			width:95px;
+			.btn { float: right;}
+			.stock {
+				&:last-child { margin-top: 8px; }
+				width:29px;
+				float:left;
+				i {
+					width: 24px;
+					height: 24px;
+					display:block;
+					float:left;
+					background:#e7e7e7;
+					line-height: 24px;
+					font-size: 23px;
+					margin: 0;
+				}
+				div.level {
+					background:#ccc;
+					height:24px;
+					width:5px;
+					position:relative;
+					bottom:0;
+					float:right;
+					.bar {
+						position:absolute;
+						bottom:0;
+						height: 12px;
+						width:5px;
+						content: '';
+						background:#f0a438;
+
+					}
+				}
+			}
+			.add {
+				margin:0;
+			}
+		}
+		.breadcrumb { 
+			margin:0;
+		}
+	}
+
+		.product__price {
+			font-size:21px;
+			line-height:1;
+			margin:0;
+		}	
+		.product__productId {
+			margin:0;
+		}	
+}
+
+

data/stylesheets/redframework/objects/_quantity.scss

@@ -0,0 +1,30 @@
+.quantity {
+	margin-bottom:1.5rem;
+	overflow:hidden;
+}
+	.quantity__button {
+		width:48px;
+		height:48px;
+		text-align:center;
+		line-height: 42px;
+		font-size:22px;
+		background:$quantity__button--color;
+		color:#e7e7e7;
+		float:left;
+		&.quantity--minus {
+		}
+		&.quantity--plus {
+		}
+	}
+
+	.quantity__value {
+		float:left;
+		height:48px;
+		width:70px;
+		text-align:center;
+		background:rgba(white, .1);
+		border:1px solid $quantity__value--border-color;
+		color: $quantity__value--color;
+		line-height:46px;
+		font-size:22px
+	}

data/stylesheets/redframework/objects/_search.scss

@@ -0,0 +1,44 @@
+.search {
+	background:#e7e7e7;
+	padding:8px;
+	.search--field {
+		width:60%;
+		margin:0 auto;
+		border-radius:15px;
+		border:1px solid #dbdbdb;
+		position: relative;
+		overflow: hidden;
+		@include box-shadow(0px 0px 5px rgba(0,0,0,0.05));
+		.search--input {
+			min-height:38px;
+			padding:0 25px 0 50px;
+			width:100%;
+		}
+		.search--label {
+			position:absolute;
+			top:0;
+			left:0;
+			text-align: center;
+			width:48px;
+			line-height: 38px;
+			font-size:40px;
+			margin:0;
+			i {
+				position: absolute;
+				top:0;
+				left:0;
+				width:48px;
+				line-height:40px;
+				font-size:24px;
+			}
+		}
+	}
+}
+
+@media screen and (max-width:600px) {
+	.search {
+		.search--field {
+			width:100%;
+		}
+	}
+}

data/stylesheets/redframework/objects/_searchresults.scss

@@ -0,0 +1,5 @@
+.searchresults {
+	background:#e7e7e7;
+	width:100%;
+	padding:0 20px;
+}

data/stylesheets/redframework/objects/_well.scss

@@ -0,0 +1,16 @@
+.well {
+	background:#f8f8f8;
+	width:100%;
+	overflow:hidden;
+}
+
+	.well__section {
+		display:inline-block;
+		.section__header {
+			border-right:1px solid #f1f1f1;
+			line-height:48px;
+			font-size:$h3--font-size;
+		}
+
+	}
+

data/stylesheets/redframework/views/_tableview.scss

@@ -0,0 +1,15 @@
+.view-style--list-view, .view-style--table-view {
+	padding:1rem;
+	ul { 
+		list-style:none;
+		padding:0;
+		margin:0;
+		> li { 
+			width: 100%; 
+			border:1px solid #ccc;
+			margin-bottom:1rem;
+			position:relative;
+			background:white;
+		}
+	}
+}

data/templates/project/manifest.rb

@@ -0,0 +1,22 @@
+description 'Red Framework Compass Gem'
+
+# Sass Files
+stylesheet '../../stylesheets/normalize.scss',                   :to => '_normalize.scss'
+stylesheet '../../stylesheets/redframework/_variables.scss',       :to => '_settings.scss'
+stylesheet 'scss/app.scss',                               :to => 'app.scss', :media => "screen, projector, print"
+
+
+help %Q{
+
+If you need help, email us at redframework@redant.com or visit redframework.com"
+
+}
+
+welcome_message %Q{
+
+Woohoo! You're using RedFramework, now go forth and multiply!
+
+}
+
+# file 'config.rb'
+

data/templates/project/screen.scss

@@ -0,0 +1,2 @@
+// This is where you put the contents of the main stylesheet for the user's project.
+// It should import your sass stylesheets and demonstrate how to use them.

data/templates/project/scss/app.scss

@@ -0,0 +1,4 @@
+// @import "settings";
+// @import "normalize";
+// @import "redframework";
+

metadata

@@ -0,0 +1,111 @@
+--- !ruby/object:Gem::Specification
+name: redframework
+version: !ruby/object:Gem::Version
+  version: 0.0.1.01
+platform: ruby
+authors:
+- Steven Burrows
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-11-19 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: compass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0.11'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0.11'
+description: a compass extenstion of Redframework
+email: steven.burrows@redant.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- README.md
+- lib/redframework.rb
+- stylesheets/_normalize.scss
+- stylesheets/_redframework.scss
+- stylesheets/redframework/_defaults.scss
+- stylesheets/redframework/_variables.scss
+- stylesheets/redframework/animate/_animate.scss
+- stylesheets/redframework/animate/_easings.scss
+- stylesheets/redframework/animate/fades/_in.scss
+- stylesheets/redframework/animate/fades/_out.scss
+- stylesheets/redframework/animate/scales/_in.scss
+- stylesheets/redframework/animate/scales/_out.scss
+- stylesheets/redframework/animate/slide-fades/_in.scss
+- stylesheets/redframework/animate/slide-fades/_out.scss
+- stylesheets/redframework/animate/slides/_in.scss
+- stylesheets/redframework/animate/slides/_out.scss
+- stylesheets/redframework/base/_alignment.scss
+- stylesheets/redframework/base/_animate.scss
+- stylesheets/redframework/base/_body.scss
+- stylesheets/redframework/base/_code.scss
+- stylesheets/redframework/base/_emphasis.scss
+- stylesheets/redframework/base/_forms.scss
+- stylesheets/redframework/base/_headings.scss
+- stylesheets/redframework/base/_images.scss
+- stylesheets/redframework/base/_lists.scss
+- stylesheets/redframework/base/_main.scss
+- stylesheets/redframework/base/_paragraphs.scss
+- stylesheets/redframework/base/_quotes.scss
+- stylesheets/redframework/base/_section.scss
+- stylesheets/redframework/base/_smallprint.scss
+- stylesheets/redframework/base/_tables.scss
+- stylesheets/redframework/general/_brand.scss
+- stylesheets/redframework/general/_clearfix.scss
+- stylesheets/redframework/general/_debug.scss
+- stylesheets/redframework/general/_helpers.scss
+- stylesheets/redframework/general/_mixins.scss
+- stylesheets/redframework/general/_reset.scss
+- stylesheets/redframework/general/_shared.scss
+- stylesheets/redframework/general/_widths.scss
+- stylesheets/redframework/objects/_breadcrumb.scss
+- stylesheets/redframework/objects/_buttons.scss
+- stylesheets/redframework/objects/_circle.scss
+- stylesheets/redframework/objects/_flag.scss
+- stylesheets/redframework/objects/_island.scss
+- stylesheets/redframework/objects/_navigation.scss
+- stylesheets/redframework/objects/_product-listing.scss
+- stylesheets/redframework/objects/_quantity.scss
+- stylesheets/redframework/objects/_search.scss
+- stylesheets/redframework/objects/_searchresults.scss
+- stylesheets/redframework/objects/_well.scss
+- stylesheets/redframework/views/_collectionview.scss
+- stylesheets/redframework/views/_tableview.scss
+- templates/project/manifest.rb
+- templates/project/screen.scss
+- templates/project/scss/app.scss
+homepage: ''
+licenses: []
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.0.3
+signing_key: 
+specification_version: 4
+summary: a compass extenstion of Redframework
+test_files: []