lentil 0.0.1.pre

data/app/assets/stylesheets/lentil/breakpoint/sass/config.rb

@@ -0,0 +1,17 @@
+# # Require any additional compass plugins here.
+
+# # Set this to the root of your project when deployed:
+http_path = "/"
+css_dir = "../"
+sass_dir = "."
+images_dir = "../img/"
+javascripts_dir = "../js/"
+
+# # You can select your preferred output style here (can be overridden via the command line):
+# output_style = :expanded
+
+# # To enable relative paths to assets via compass helper functions. Uncomment:
+# # relative_assets = true
+
+# # To disable debugging comments that display the original location of your selectors. Uncomment:
+# line_comments = false

data/app/assets/stylesheets/lentil/breakpoint/sass/framework/_grid-core.scss

@@ -0,0 +1,83 @@
+/* Grid based on https://github.com/necolas/griddle by Nicolas Gallagher (@necolas) */
+
+// Grid Core
+// =============================================================================
+
+// establish base font size in config so that media queries can be resized if the base context chagnes
+body { font-size: $base-font-size; }
+
+// wrapper defaults to 100% fluid with side gutters
+// when triggering a breakpoint wrapper becomes fixed width and centered
+.wrapper {
+	margin-left: em($grid-gutter);
+	margin-right: em($grid-gutter);
+}
+
+// for responsive images
+img { max-width: 100%; margin-bottom:5px;}
+.no-js .responsive-image { display: none; }
+
+// Grid container
+// Must only contain `.grid` or `.grid-cell` components as children.
+
+.grid {
+    display: block;
+    padding: 0;
+    margin: 0 -0.5 * em($grid-gutter);
+    // Ensure consistent default alignment
+    text-align: $grid-direction;
+    // Remove inter-unit whitespace for all non-monospace font-families
+    // If you're using a monospace base font, you will need to set the `grid`
+    // font-family to `sans-serif` and then redeclare the monospace font on
+    // the `grid-cell` objects.
+    letter-spacing: -0.31em;
+    word-spacing: -0.43em;
+    // Protect against WebKit bug with optimizelegibility
+    text-rendering: optimizespeed;
+}
+
+// Child `grid` object adjustments
+// Used for more complex fixed-fluid hybrid grids
+
+.grid > .grid {
+    overflow: hidden;
+    margin-right: 0;
+    margin-left: 0;
+}
+
+
+// Grid units
+// No explicit width by default
+
+.grid-cell {
+    width: 100%;
+    @include inline-block;
+    @include border-box;
+    margin: 5px 0 0 0;
+    padding: 0 0.5 * em($grid-gutter);
+    /* controls vertical positioning of units */
+    vertical-align: top;
+    /* keeps unit content correctly aligned */
+    text-align: $grid-direction;
+    /* reset text defaults */
+    letter-spacing: normal;
+    word-spacing: normal;
+    text-rendering: auto;
+}
+
+// Modifier: horizontally center all grid units
+// Allows for automatic unit centering irrespective of the number of
+// units in the grid.
+
+.grid-center {
+    text-align: center;
+}
+
+// Modifier: horizontally center one unit
+// Set a specific unit to be horizontally centered. Doesn't affect
+// any other units. Can still contain a child `grid` object.
+
+.grid-cell-center {
+    display: block;
+    margin: 0 auto;
+}

data/app/assets/stylesheets/lentil/breakpoint/sass/framework/_grid-helpers.scss

@@ -0,0 +1,136 @@
+// Variables
+// =============================================================================
+
+$grid-column: 60px !default; // can be px, em, or %
+$grid-gutter: 20px !default; // can be px, em, or %
+$grid-overlay: false !default; // generate visual grid overlay
+$ie-support: false !default; // number of columns for IE fallback (must match a breakpoint)
+$grid-direction: left !default; // switch to 'right' for rtl
+$current-bp: 0; // init breakpoint variable
+
+// Functions
+// =============================================================================
+
+// column widths for elements with .grid-cell class
+@function fixed($col) { @return $col * ( em($grid-column) + em($grid-gutter) ) }
+@function fluid($col, $avail: $current-bp) { @return (100% / $avail) * $col }
+
+// column width for elements not in grid
+@function no-grid-fixed($col) { @return $col * ( em($grid-column) + em($grid-gutter) ) - em($grid-gutter) }
+
+// Javascript hook
+// =============================================================================
+@media (min-width: 0px) { body::before { content: 'mobile'; display: none; } }
+
+// Breakpoint mixin
+// =============================================================================
+
+@mixin breakpoint($min: false, $max: false, $label: false, $orientation: false, $wrapper: true, $resolution: false) {
+
+    // set warnings if arguments are invalid
+    @if ($min == false and $max == false and $label == false and $orientation == false and $wrapper == true and $resolution == false) {
+    	@warn "breakpoint requires you to pass some kind of argument. It can't read your mind. :)";
+    }
+    @if ($min == 0 and $max == false and $label == false and $orientation == false and $wrapper == true and $resolution == false) {
+    	@warn "If you pass zero as a minimum you need to specify a max column value.";
+    }
+
+	// set current breakpoint for fluid function
+	$current-bp: $min;
+
+	// min width mq
+	@if ($min and $max == false) {
+		@if ($min > 0) {
+    		// create min width mq
+    		// can we remove duplication of code here?
+    		@if ($orientation) {
+        		@media ( min-width: fixed($min) + em($grid-gutter) * ($base-font-size / 16px) ) and ( orientation: $orientation ) {
+            		@include breakpoint-extras($min, $wrapper, $label, $grid-overlay) { @content };
+        		}
+    		} @else {
+        		@media ( min-width: (fixed($min) + em($grid-gutter)) * ($base-font-size / 16px) ) {
+            		@include breakpoint-extras($min, $wrapper, $label, $grid-overlay) { @content };
+        		}
+    		}
+    		// ie fallback
+    		@if ($ie-support and $min <= $ie-support and $orientation == false) {
+    			.lt-ie9 {
+                    @include breakpoint-extras($min, $wrapper, $label: false, $grid-overlay: false) { @content };
+    			}
+    		}
+		}
+	}
+
+	// max width mq
+	@if ($max) {
+		// create max only mq
+		@if ($min == 0 or $min == false) {
+    		@if ($orientation) {
+            	@media ( max-width: fixed($max) + em($grid-gutter) * ($base-font-size / 16px) ) and ( orientation: $orientation ) { @content }
+    		} @else {
+        		@media ( max-width: fixed($max) + em($grid-gutter) * ($base-font-size / 16px) ) { @content }
+    		}
+		// create min and max mq
+		} @else {
+    		@if ($orientation) {
+        		@media ( min-width: fixed($min) + em($grid-gutter) * ($base-font-size / 16px) ) and ( max-width: fixed($max) + em($grid-gutter) ) and ( orientation: $orientation ) { @content }
+    		} @else {
+            	@media ( min-width: fixed($min) + em($grid-gutter) * ($base-font-size / 16px) ) and ( max-width: fixed($max) + em($grid-gutter) ) { @content }
+    		}
+		}
+	}
+
+	// orientation only mq
+	@if ($min == false and $max == false) {
+    	@if ($orientation) {
+        	@media ( orientation: $orientation ) { @content }
+    	}
+	}
+
+	// pixel ratio mq
+	@if ($resolution) {    	
+    	// warn if invalid value
+    	@if ($resolution != 'high' and $resolution != 'low') {
+        	@warn "$resolution only supports values of 'high' or 'low'";
+    	}
+    	@if ($resolution == 'high') {
+            @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { @content }	
+    	}
+    	@if ($resolution == 'low') {
+        	@media (-webkit-max-device-pixel-ratio: 1.5), (max-resolution: 144dpi) { @content }
+    	}
+		// ie fallback
+		@if ($ie-support and $resolution == 'low') {
+			.lt-ie9 { @content }
+		}
+	}
+}
+
+// private mixin for generating extras in a min width mq
+@mixin breakpoint-extras($min, $wrapper, $label, $grid-overlay) {
+	@if($grid-overlay) { @include grid-overlay($min); }
+	// create hook for js
+	@if($label) { body::before { content: $label; } }
+	// proper sizing of wrapper
+    @if($wrapper) { .wrapper { width: fixed($min) - em($grid-gutter); margin-left: auto; margin-right: auto; } }
+	@content
+}
+
+// Grid overlay
+// =============================================================================
+
+@mixin grid-overlay($col: false) {
+	body::after {
+		content: ''; position: fixed; top: 0; bottom: 0; pointer-events: none;
+		@include background(linear-gradient(left, transparent $grid-gutter, transparentize(red, .9) $grid-gutter, transparentize(red, .9) $grid-gutter + $grid-column));
+		@if ($col) {
+			left: 50%;
+			width: fixed($col) + em($grid-gutter); margin-left: fixed($col) / -2 - (em($grid-gutter)/2);
+			@include background-size($grid-gutter + $grid-column);
+		} @else {
+			left: 0; right: $grid-gutter;
+			@include background-size(25%);
+		}
+	}
+}
+@if($grid-overlay) { @include grid-overlay; }

data/app/assets/stylesheets/lentil/breakpoint/sass/framework/_mixins.scss

@@ -0,0 +1,19 @@
+// cross browser border box
+@mixin border-box() {
+	@include box-sizing(border-box);
+	
+	// MUST BE ABSOLUTE PATH
+	@include ie7 { behavior: url(/elements/js/boxsizing.htc); }
+}
+
+// cross browser mixins
+@mixin ff { body:not(:-moz-handler-blocked) & { @content } }
+@mixin ie7 { .lt-ie8 & { @content } }
+@mixin ie8 { .lt-ie9 & { @content } }
+
+// clearfix mixin
+@mixin clearfix { *zoom: 1; &:before, &:after { display: table; content: ""; } &:after { clear: both; } }
+.clearfix { @include clearfix; }
+
+// converting px to em
+@function em($px, $base: $base-font-size) { @return ($px / $base) * 1em; }

data/app/assets/stylesheets/lentil/breakpoint/sass/framework/_normalize.scss

@@ -0,0 +1,524 @@
+// normalize.css v1.0.0 | MIT License | git.io/normalize
+// turn on sections of normalize in _config.scss
+
+$normalize-html5: false !default;
+$normalize-base: false !default;
+$normalize-links: false !default;
+$normalize-typography: false !default;
+$normalize-lists: false !default;
+$normalize-embedded: false !default;
+$normalize-forms: false !default;
+$normalize-tables: false !default;
+
+@if ($normalize-html5) {
+    /*! normalize.css v1.0.0 | MIT License | git.io/normalize */
+
+    /* ==========================================================================
+       HTML5 display definitions
+       ========================================================================== */
+
+    /*
+     * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
+     */
+
+    article,
+    aside,
+    details,
+    figcaption,
+    figure,
+    footer,
+    header,
+    hgroup,
+    nav,
+    section,
+    summary {
+        display: block;
+    }
+
+    /*
+     * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
+     */
+
+    figure {
+        margin: 0;
+    }
+
+    /*
+     * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
+     */
+
+    audio,
+    canvas,
+    video {
+        display: inline-block;
+        *display: inline;
+        *zoom: 1;
+    }
+
+    /*
+     * Prevents modern browsers from displaying `audio` without controls.
+     * Remove excess height in iOS 5 devices.
+     */
+
+    audio:not([controls]) {
+        display: none;
+        height: 0;
+    }
+
+    /*
+     * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
+     * and Safari 4.
+     * Known issue: no IE 6 support.
+     */
+
+    [hidden] {
+        display: none;
+    }
+}
+
+@if ($normalize-base) {
+    /* ==========================================================================
+       Base
+       ========================================================================== */
+
+    /*
+     * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
+     *    `em` units.
+     * 2. Prevents iOS text size adjust after orientation change, without disabling
+     *    user zoom.
+     */
+
+    html {
+        font-size: 100%; /* 1 */
+        -webkit-text-size-adjust: 100%; /* 2 */
+        -ms-text-size-adjust: 100%; /* 2 */
+    }
+
+    /*
+     * Addresses `font-family` inconsistency between `textarea` and other form
+     * elements.
+     */
+
+    html,
+    button,
+    input,
+    select,
+    textarea {
+        font-family: sans-serif;
+    }
+
+    /*
+     * Addresses margins handled incorrectly in IE 6/7.
+     */
+
+    body {
+        margin: 0;
+    }
+}
+
+@if ($normalize-links) {
+    /* ==========================================================================
+       Links
+       ========================================================================== */
+
+    /*
+     * Addresses `outline` inconsistency between Chrome and other browsers.
+     */
+
+    a:focus {
+        outline: thin dotted;
+    }
+
+    /*
+     * Improves readability when focused and also mouse hovered in all browsers.
+     */
+
+    a:active,
+    a:hover {
+        outline: 0;
+    }
+}
+
+@if ($normalize-typography) {
+    /* ==========================================================================
+       Typography
+       ========================================================================== */
+
+    /*
+     * Addresses font sizes and margins set differently in IE 6/7.
+     * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
+     * and Chrome.
+     */
+
+    h1 {
+        font-size: 2em;
+        margin: 0.67em 0;
+    }
+
+    h2 {
+        font-size: 1.5em;
+        margin: 0.83em 0;
+    }
+
+    h3 {
+        font-size: 1.17em;
+        margin: 1em 0;
+    }
+
+    h4 {
+        font-size: 1em;
+        margin: 1.33em 0;
+    }
+
+    h5 {
+        font-size: 0.83em;
+        margin: 1.67em 0;
+    }
+
+    h6 {
+        font-size: 0.75em;
+        margin: 2.33em 0;
+    }
+
+    /*
+     * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
+     */
+
+    abbr[title] {
+        border-bottom: 1px dotted;
+    }
+
+    /*
+     * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
+     */
+
+    b,
+    strong {
+        font-weight: bold;
+    }
+
+    blockquote {
+        margin: 1em 40px;
+    }
+
+    /*
+     * Addresses styling not present in Safari 5 and Chrome.
+     */
+
+    dfn {
+        font-style: italic;
+    }
+
+    /*
+     * Addresses styling not present in IE 6/7/8/9.
+     */
+
+    mark {
+        background: #ff0;
+        color: #000;
+    }
+
+    /*
+     * Addresses margins set differently in IE 6/7.
+     */
+
+    p,
+    pre {
+        margin: 1em 0;
+    }
+
+    /*
+     * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
+     */
+
+    code,
+    kbd,
+    pre,
+    samp {
+        font-family: monospace, serif;
+        _font-family: 'courier new', monospace;
+        font-size: 1em;
+    }
+
+    /*
+     * Improves readability of pre-formatted text in all browsers.
+     */
+
+    pre {
+        white-space: pre;
+        white-space: pre-wrap;
+        word-wrap: break-word;
+    }
+
+    /*
+     * Addresses CSS quotes not supported in IE 6/7.
+     */
+
+    q {
+        quotes: none;
+    }
+
+    /*
+     * Addresses `quotes` property not supported in Safari 4.
+     */
+
+    q:before,
+    q:after {
+        content: '';
+        content: none;
+    }
+
+    small {
+        font-size: 75%;
+    }
+
+    /*
+     * Prevents `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;
+    }
+}
+
+@if ($normalize-lists) {
+    /* ==========================================================================
+       Lists
+       ========================================================================== */
+
+    /*
+     * Addresses margins set differently in IE 6/7.
+     */
+
+    dl,
+    menu,
+    ol,
+    ul {
+        margin: 1em 0;
+    }
+
+    dd {
+        margin: 0 0 0 40px;
+    }
+
+    /*
+     * Addresses paddings set differently in IE 6/7.
+     */
+
+    menu,
+    ol,
+    ul {
+        padding: 0 0 0 40px;
+    }
+
+    /*
+     * Corrects list images handled incorrectly in IE 7.
+     */
+
+    nav ul,
+    nav ol {
+        list-style: none;
+        list-style-image: none;
+    }
+}
+
+@if ($normalize-embedded) {
+    /* ==========================================================================
+       Embedded content
+       ========================================================================== */
+
+    /*
+     * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
+     * 2. Improves image quality when scaled in IE 7.
+     */
+
+    img {
+        border: 0; /* 1 */
+        -ms-interpolation-mode: bicubic; /* 2 */
+    }
+
+    /*
+     * Corrects overflow displayed oddly in IE 9.
+     */
+
+    svg:not(:root) {
+        overflow: hidden;
+    }
+}
+
+@if ($normalize-forms) {
+    /* ==========================================================================
+       Forms
+       ========================================================================== */
+
+    /*
+     * Corrects margin displayed oddly in IE 6/7.
+     */
+
+    form {
+        margin: 0;
+    }
+
+    /*
+     * Define consistent border, margin, and padding.
+     */
+
+    fieldset {
+        border: 1px solid #c0c0c0;
+        margin: 0 2px;
+        padding: 0.35em 0.625em 0.75em;
+    }
+
+    /*
+     * 1. Corrects color not being inherited in IE 6/7/8/9.
+     * 2. Corrects text not wrapping in Firefox 3.
+     * 3. Corrects alignment displayed oddly in IE 6/7.
+     */
+
+    legend {
+        border: 0; /* 1 */
+        padding: 0;
+        white-space: normal; /* 2 */
+        *margin-left: -7px; /* 3 */
+    }
+
+    /*
+     * 1. Corrects font size not being inherited in all browsers.
+     * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
+     *    and Chrome.
+     * 3. Improves appearance and consistency in all browsers.
+     */
+
+    button,
+    input,
+    select,
+    textarea {
+        font-size: 100%; /* 1 */
+        margin: 0; /* 2 */
+        vertical-align: baseline; /* 3 */
+        *vertical-align: middle; /* 3 */
+    }
+
+    /*
+     * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
+     * the UA stylesheet.
+     */
+
+    button,
+    input {
+        line-height: normal;
+    }
+
+    /*
+     * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+     *    and `video` controls.
+     * 2. Corrects inability to style clickable `input` types in iOS.
+     * 3. Improves usability and consistency of cursor style between image-type
+     *    `input` and others.
+     * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
+     *    Known issue: inner spacing remains in IE 6.
+     */
+
+    button,
+    html input[type="button"], /* 1 */
+    input[type="reset"],
+    input[type="submit"] {
+        -webkit-appearance: button; /* 2 */
+        cursor: pointer; /* 3 */
+        *overflow: visible;  /* 4 */
+    }
+
+    /*
+     * Re-set default cursor for disabled elements.
+     */
+
+    button[disabled],
+    input[disabled] {
+        cursor: default;
+    }
+
+    /*
+     * 1. Addresses box sizing set to content-box in IE 8/9.
+     * 2. Removes excess padding in IE 8/9.
+     * 3. Removes excess padding in IE 7.
+     *    Known issue: excess padding remains in IE 6.
+     */
+
+    input[type="checkbox"],
+    input[type="radio"] {
+        box-sizing: border-box; /* 1 */
+        padding: 0; /* 2 */
+        *height: 13px; /* 3 */
+        *width: 13px; /* 3 */
+    }
+
+    /*
+     * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
+     * 2. Addresses `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;
+    }
+
+    /*
+     * Removes 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;
+    }
+
+    /*
+     * Removes inner padding and border in Firefox 3+.
+     */
+
+    button::-moz-focus-inner,
+    input::-moz-focus-inner {
+        border: 0;
+        padding: 0;
+    }
+
+    /*
+     * 1. Removes default vertical scrollbar in IE 6/7/8/9.
+     * 2. Improves readability and alignment in all browsers.
+     */
+
+    textarea {
+        overflow: auto; /* 1 */
+        vertical-align: top; /* 2 */
+    }
+}
+
+@if ($normalize-tables) {
+    /* ==========================================================================
+       Tables
+       ========================================================================== */
+
+    /*
+     * Remove most spacing between table cells.
+     */
+
+    table {
+        border-collapse: collapse;
+        border-spacing: 0;
+    }
+}