redframework 0.0.1.01

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: a2fff195b6993e6b6311944ed657c202b0c0eac3
+  data.tar.gz: 283220d198a2fbd32f158cf9d6d327b8e25287ab
+SHA512:
+  metadata.gz: 1e65e8fd890359286f1614359be21263306885c958f1f55a50a0c921631614c17810b8d3fe00986f75955ed43142ffb04f2590a831b12676b961d7c95cee004d
+  data.tar.gz: df346dfcd87622b2580e0d01d0d409ab2d69e41f9fd7be8d427d1842887d232e84b57da2d446e99c68acbd0a0020615642ce2d0da0fda3cd647a11ea2bdc0de5

data/README.md

@@ -0,0 +1,4 @@
+Redframework
+============
+
+Woooo

data/lib/redframework.rb

@@ -0,0 +1,3 @@
+require 'compass'
+extension_path = File.expand_path(File.join(File.dirname(__FILE__), ".."))
+Compass::Frameworks.register('redframework', :path => extension_path)

data/stylesheets/_normalize.scss

@@ -0,0 +1,400 @@
+/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+   HTML5 display definitions
+   ========================================================================== */
+
+/*
+ * Correct `block` display not defined in IE 8/9.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+    display: block;
+}
+
+/*
+ * Correct `inline-block` display not defined in IE 8/9.
+ */
+
+audio,
+canvas,
+video {
+    display: inline-block;
+}
+
+/*
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+    display: none;
+    height: 0;
+}
+
+/*
+ * Address styling not present in IE 8/9.
+ */
+
+[hidden] {
+    display: none;
+}
+
+/* ==========================================================================
+   Base
+   ========================================================================== */
+
+/*
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+
+html {
+    font-family: sans-serif; /* 1 */
+    -webkit-text-size-adjust: 100%; /* 2 */
+    -ms-text-size-adjust: 100%; /* 2 */
+}
+
+/*
+ * Remove default margin.
+ */
+
+body {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Links
+   ========================================================================== */
+
+/*
+ * Address `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+    outline: thin dotted;
+}
+
+/*
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+    outline: 0;
+}
+
+/* ==========================================================================
+   Typography
+   ========================================================================== */
+
+/*
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari 5, and Chrome.
+ */
+
+h1 {
+    font-size: 2em;
+    margin: 0.67em 0;
+}
+
+/*
+ * Address styling not present in IE 8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+    border-bottom: 1px dotted;
+}
+
+/*
+ * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+ */
+
+b,
+strong {
+    font-weight: bold;
+}
+
+/*
+ * Address styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+    font-style: italic;
+}
+
+/*
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+    height: 0;
+}
+
+/*
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+    background: #ff0;
+    color: #000;
+}
+
+/*
+ * Correct font family set oddly in Safari 5 and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+    font-family: monospace, serif;
+    font-size: 1em;
+}
+
+/*
+ * Improve readability of pre-formatted text in all browsers.
+ */
+
+pre {
+    white-space: pre-wrap;
+}
+
+/*
+ * Set consistent quote types.
+ */
+
+q {
+    quotes: "\201C" "\201D" "\2018" "\2019";
+}
+
+/*
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+    font-size: 80%;
+}
+
+/*
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+}
+
+sup {
+    top: -0.5em;
+}
+
+sub {
+    bottom: -0.25em;
+}
+
+/* ==========================================================================
+   Embedded content
+   ========================================================================== */
+
+/*
+ * Remove border when inside `a` element in IE 8/9.
+ */
+
+img {
+    border: 0;
+    vertical-align:top;
+}
+
+/*
+ * Correct overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+    overflow: hidden;
+}
+
+/* ==========================================================================
+   Figures
+   ========================================================================== */
+
+/*
+ * Address margin not present in IE 8/9 and Safari 5.
+ */
+
+figure {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Forms
+   ========================================================================== */
+
+/*
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+    border: 1px solid #c0c0c0;
+    margin: 0 2px;
+    padding: 0.35em 0.625em 0.75em;
+}
+
+/*
+ * 1. Correct `color` not being inherited in IE 8/9.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+    border: 0; /* 1 */
+    padding: 0; /* 2 */
+}
+
+/*
+ * 1. Correct font family not being inherited in all browsers.
+ * 2. Correct font size not being inherited in all browsers.
+ * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
+ */
+
+button,
+input,
+select,
+textarea {
+    font-family: inherit; /* 1 */
+    font-size: 100%; /* 2 */
+    margin: 0; /* 3 */
+}
+
+/*
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+    line-height: normal;
+}
+
+/*
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
+ * Correct `select` style inheritance in Firefox 4+ and Opera.
+ */
+
+button,
+select {
+    text-transform: none;
+}
+
+/*
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+    -webkit-appearance: button; /* 2 */
+    cursor: pointer; /* 3 */
+}
+
+/*
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+    cursor: default;
+}
+
+/*
+ * 1. Address box sizing set to `content-box` in IE 8/9.
+ * 2. Remove excess padding in IE 8/9.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+    box-sizing: border-box; /* 1 */
+    padding: 0; /* 2 */
+}
+
+/*
+ * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
+ *    (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+    -webkit-appearance: textfield; /* 1 */
+    -moz-box-sizing: content-box;
+    -webkit-box-sizing: content-box; /* 2 */
+    box-sizing: content-box;
+}
+
+/*
+ * Remove inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+}
+
+/*
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+}
+
+/*
+ * 1. Remove default vertical scrollbar in IE 8/9.
+ * 2. Improve readability and alignment in all browsers.
+ */
+
+textarea {
+    overflow: auto; /* 1 */
+    vertical-align: top; /* 2 */
+}
+
+i { font-style:normal; }
+em { font-style:italic; }
+
+/* ==========================================================================
+   Tables
+   ========================================================================== */
+
+/*
+ * Remove most spacing between table cells.
+ */
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}

data/stylesheets/_redframework.scss

@@ -0,0 +1,57 @@
+@charset "UTF-8";
+
+@import "compass/css3";
+@import "compass/utilities/color/contrast";
+$contrasted-lightness-threshold: 59%;
+$text-shadow-transparency: .3 !default;
+
+// This includes all of the foundation global elements that are needed to work with any of the other files.
+@import "normalize";
+@import "redframework/variables";
+@import "redframework/defaults";
+
+@import "redframework/general/reset";
+@import "redframework/general/mixins";
+@import "redframework/general/brand";
+@import "redframework/general/helpers";
+@import "redframework/general/clearfix";
+@import "redframework/general/debug";
+@import "redframework/general/shared";
+@import "redframework/general/widths";
+
+@import "redframework/base/headings";
+@import "redframework/base/body";
+@import "redframework/base/alignment";
+@import "redframework/base/emphasis";
+
+@import "redframework/base/code";
+@import "redframework/base/forms";
+@import "redframework/base/images";
+@import "redframework/base/lists";
+@import "redframework/base/main";
+@import "redframework/base/paragraphs";
+@import "redframework/base/quotes";
+@import "redframework/base/smallprint";
+@import "redframework/base/section";
+@import "redframework/base/tables";
+
+
+@import "redframework/objects/circle";
+@import "redframework/objects/well";
+@import "redframework/objects/navigation";
+@import "redframework/objects/breadcrumb";
+@import "redframework/objects/island";
+@import "redframework/objects/quantity";
+@import "redframework/objects/flag";
+@import "redframework/objects/buttons";
+@import "redframework/objects/search"; 
+@import "redframework/objects/searchresults"; 
+@import "redframework/objects/product-listing"; 
+
+@import "redframework/views/tableview"; 
+@import "redframework/views/collectionview"; 
+
+@import "redframework/animate/_animate";
+
+
+

data/stylesheets/redframework/_defaults.scss

@@ -0,0 +1,119 @@
+/*------------------------------------*\
+    $FONT-SIZES
+\*------------------------------------*/
+$giga-size:         96px!default;
+$mega-size:         72px!default;
+$kilo-size:         48px!default;
+
+$heading--font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
+
+$h1--font-size:           	36px!default; // .alpha
+$h1--font-weight:           	normal !default; // .alpha
+$h1--font-family:           	$heading--font-family !default; // .alpha
+
+$h2--font-size:           	30px!default; // .alpha
+$h2--font-weight:           	normal!default; // .alpha
+$h2--font-weight:           	$heading--font-family !default; // .alpha
+
+$h3--font-size:           	24px!default; // .alpha
+$h3--font-weight:           	normal!default; // .alpha
+$h3--font-weight:           	$heading--font-family !default; // .alpha
+
+$h4--font-size:           	20px!default; // .alpha
+$h4--font-weight:           	normal!default; // .alpha
+$h4--font-weight:           	$heading--font-family !default; // .alpha
+
+$h5--font-size:           	16px!default; // .alpha
+$h5--font-weight:           	normal!default; // .alpha
+$h5--font-weight:           	$heading--font-family !default; // .alpha
+
+$h6--font-size:           	14px!default; // .alpha
+$h6--font-weight:           	normal!default; // .alpha
+$h6--font-weight:           	$heading--font-family!default; // .alpha
+
+$milli-size:        12px!default;
+$micro-size:        10px!default;
+
+
+/*------------------------------------*\
+    $Text
+\*------------------------------------*/
+
+$text--muted-color: #b1b1b1;
+$text--primary-color: #24c0ca;
+$text--success-color: #24ca6e;
+$text--info-color: #27b6eb;
+$text--warning-color: #eb9a27;
+$text--danger-color: #eb2727;
+
+/*------------------------------------*\
+    $buttons
+\*------------------------------------*/
+$btn_font-family: Georgia, 'Times New Roman', serif !default;
+
+$btn-font-size: 20px;
+$btn-border-radius: 5px;
+$text-shadow-size: 1px 1px 1px; 
+$btn-inner-box-shadow: 0px 1px 1px #fff;
+$btn-uppercase: false;
+
+
+$btn-default-color: #fff !default;
+$btn-default-background-color: $base-ui-color !default;
+$btn-default-border-color: none !default;
+$btn-default-text-shadow-color: none !default;
+$btn-default-color--active: #fff !default;
+$btn-default-background-color--active: #c63d89 !default;
+$btn-default-border-color--active: none !default;
+$btn-default-text-shadow-color--active: none !default;
+
+$btn-positive-color: #fff;
+$btn-positive-background-color: #53a357;
+$btn-positive-border-color: #53a357;
+$btn-positive-text-shadow-color: #000;
+
+$btn-negative-color: #fff;
+$btn-negative-background-color: #a02222;
+$btn-negative-border-color: #a02222;
+$btn-negative-text-shadow-color: #000;
+
+$btn-alt-color: #fff;
+$btn-alt-background-color: #242424;
+$btn-alt-border-color: darken(#242424, 40%);
+$btn-alt-text-shadow-color: #000;
+ 
+
+
+
+/*------------------------------------*\
+    $options-selector
+\*------------------------------------*/
+$options-selector__option--border-radius: 300px !default;
+$options-selector__option--border-size: 2px !default;
+$options-selector__option--color: $base-ui-color !default;
+$options-selector__option--font-size: 23px !default;
+$options-selector__option--border-color: $options-selector__option--color !default;
+$options-selector__option--shadow: none !default;
+$options-selector__option--text-shadow: none !default;
+
+$options-selector__option--color--selected: #c63d89 !default;
+$options-selector__option--border-color--selected: $options-selector__option--color--selected !default;
+
+$options-selector__option--default-size: 100px !default;
+$options-selector__option--xsmall-size: $options-selector__option--default-size / 2.5 !default;
+$options-selector__option--small-size: $options-selector__option--default-size / 2 !default;
+$options-selector__option--large-size: $options-selector__option--default-size  * 1.5 !default;
+
+
+
+/*------------------------------------*\
+    $quantity
+\*------------------------------------*/
+$quantity__button--color: $base-ui-color !default;
+$quantity__value--border-color: $base-ui-color !default;
+$quantity__value--color: $base-ui-color !default;
+
+
+
+
+

data/stylesheets/redframework/_variables.scss

@@ -0,0 +1,69 @@
+/*------------------------------------*\
+    $DEFAULTS
+\*------------------------------------*/
+/**
+ * inuit.css’ default variables. Redefine these in your `_vars.scss` file (found
+ * in the inuit.css-web-template) to override them.
+ */
+$debug-mode:        false!default;
+$global-border-box: true!default;
+
+$base-font-size:    16px!default;
+$base-line-height:  24px!default;
+$base-font-family:  sans-serif !default;
+$base-ui-color:  #343434 !default;
+
+
+
+
+/*------------------------------------*\
+    $RESPONSIVE
+\*------------------------------------*/
+$responsive:        true!default;
+$responsive-extra:  false!default;
+
+
+$tab-start: 		491px !default;
+$lap-start:         	800px !default;
+$desk-start:        	900px !default;
+$desk-wide-start:   	1600px !default;
+
+
+
+
+
+
+
+
+
+/*------------------------------------*\
+    $QUOTES
+\*------------------------------------*/
+$english-quotes:    true!default;
+
+/** If you want English quotes then please do not edit these; they’re only here because Sass needs them. */
+$open-quote:    null;
+$close-quote:   null;
+
+@if $english-quotes != true{
+    $open-quote:    \00AB;
+    $close-quote:   \00BB;
+}
+
+
+
+
+/*------------------------------------*\
+    $BRAND
+\*------------------------------------*/
+$brand-color:       #4a8ec2!default;
+$brand-face:        "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !default;
+$brand-round:        4px!default;
+
+
+/*------------------------------------*\
+    $FRAMEWORK
+\*------------------------------------*/
+$base-spacing-unit: $base-line-height!default;
+$half-spacing-unit: $base-spacing-unit / 2!default;
+$line-height-ratio: $base-line-height / $base-font-size;

data/stylesheets/redframework/animate/_animate.scss

@@ -0,0 +1,28 @@
+[class*=animate] {
+	-webkit-animation-duration: 2s;
+	-webkit-animation-fill-mode: forwards;
+}
+
+@import "fades/in"; 
+@import "fades/out";
+
+@import "slides/in"; 
+@import "slides/out";
+
+@import "slide-fades/in"; 
+@import "slide-fades/out";
+
+@import "scales/in"; 
+@import "scales/out";
+
+
+.animate--slow {
+	-webkit-animation-duration: 10s;
+}
+.animate--fast {
+	-webkit-animation-duration: .3s;
+}
+
+
+
+@import "easings";