rapido-css 0.0.3 → 0.0.4

data/stylesheets/_functions.scss

@@ -1,6 +1,16 @@
+/* ====================================================================================================================
+
+Functions
+
+For 99% of the framework I used Compass' and Susy's functions but I've made some for covering edge cases.
+
+Styleguide 24
+
+==================================================================================================================== */
+
+// Convert Easing from Transform to Transition
+// --------------------------------------------------------------------------------------------------------------------
 
-// Conversione da Easing da Transform a Transition
-// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
 @function toBezier($easing) {
 
 	@if 	$easing == linear         { @return linear; }
@@ -40,11 +50,64 @@
 }
 
 
-// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
+/* --------------------------------------------------------------------------------------------------------------------
+
+neg()
+
+Convert a value to negative.
+
+Example:
+
+	left: neg(10em);
+
+Become:
+
+	left: -10em
+
+Styleguide 24.2
+
+-------------------------------------------------------------------------------------------------------------------- */
+
+@function neg($n) {
+	@return (0 - $n);
+}
+
+/* --------------------------------------------------------------------------------------------------------------------
+
+rhythm_neg()
+
+Create a negative `rhythm()` value. More info about the rhythm function: [
+Vertical Rhythm](http://compass-style.org/reference/compass/typography/vertical_rhythm/#function-rhythm).
+
+Example:
+
+	margin-left: rhythm_neg(1);
+
+Become:
+
+	margin-left: -1.42857em;
+
+Styleguide 24.3
+
+-------------------------------------------------------------------------------------------------------------------- */
+
 @function rhythm_neg($i: 1) {
 	@return -(rhythm($i));
 }
 
+
+/* --------------------------------------------------------------------------------------------------------------------
+
+space_neg()
+
+Similar to `rhythm_neg()` but for Susy's `space()` function, more info:
+[Susy Reference](http://susy.oddbird.net/guides/reference/#ref-space).
+
+Styleguide 24.4
+
+-------------------------------------------------------------------------------------------------------------------- */
+
 @function space_neg($w: 1, $c: 12) {
 	@return -(space($w, $c));
-}
+}
+

data/stylesheets/_normalize.scss

@@ -1,513 +1,39 @@
-// =============================================================================
-// Normalize.scss based on Nicolas Gallagher and Jonathan Neal's
-// normalize.css v2.1.0 | MIT License | git.io/normalize
-// =============================================================================
-
-// =============================================================================
-// Normalize.scss settings
-// =============================================================================
-
-
-// Set to true if you want to add support for IE6 and IE7
-// Notice: setting to true might render some elements
-// slightly differently than when set to false
-$legacy_support_for_ie: false !default; // Used also in Compass
-
-
-// Set the default font family here so you don't have to override it later
-$normalized_font_family: sans-serif !default;
-
-$normalize_headings: true !default;
-
-$h1_font_size: 2em !default;
-$h2_font_size: 1.5em !default;
-$h3_font_size: 1.17em !default;
-$h4_font_size: 1em !default;
-$h5_font_size: 0.83em !default;
-$h6_font_size: 0.75em !default;
-
-$h1_margin: 0.67em 0 !default;
-$h2_margin: 0.83em 0 !default;
-$h3_margin: 1em 0 !default;
-$h4_margin: 1.33em 0 !default;
-$h5_margin: 1.67em 0 !default;
-$h6_margin: 2.33em 0 !default;    
-
-// =============================================================================
-// HTML5 display definitions
-// =============================================================================
-
-// Corrects block display not defined in IE6/7/8/9 & FF3
-
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-nav,
-section,
-summary {
-    display: block;
-}
-
-// Corrects inline-block display not defined in IE6/7/8/9 & FF3
-
-audio,
-canvas,
-video {
-    display: inline-block;
-    @if $legacy_support_for_ie {
-        *display: inline;
-        *zoom: 1;
-    }
-}
-
-// 1. Prevents modern browsers from displaying 'audio' without controls
-// 2. Remove excess height in iOS5 devices
-
-audio:not([controls]) {
-    display: none; // 1
-    height: 0; // 2
-}
-
-// Addresses styling for 'hidden' attribute not present in IE8/9
-
-[hidden] {
-    display: none;
-}
-
-// =============================================================================
-// Base
-// =============================================================================
-
-// 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
-//    http://clagnut.com/blog/348/#c790
-// 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
-//    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
-
-html {
-    @if $legacy_support_for_ie {
-        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 IE6/7
-
-body {
-    margin: 0;
-}
-
-// =============================================================================
-// Links
-// =============================================================================
-
-// 1. Addresses outline displayed oddly in Chrome
-// 2. Improves readability when focused and also mouse hovered in all browsers
-//    people.opera.com/patrickl/experiments/keyboard/test
-
-a {
-
-    // 1
-
-    &:focus {
-        outline: thin dotted;
-    }
-
-    // 2
-
-    &:hover,
-    &:active {
-        outline: 0;
-    }
-}
-
-// =============================================================================
-// Typography
-// =============================================================================
-
-// Addresses font sizes and margins set differently in IE6/7
-// Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
-
-@if $normalize_headings == true {
-    h1 {
-        font-size: $h1_font_size;
-        margin: $h1_margin;
-    }
-
-    h2 {
-        font-size: $h2_font_size;
-        margin: $h2_margin;
-    }
-
-    h3 {
-        font-size: $h3_font_size;
-        margin: $h3_margin;
-    }
-
-    h4 {
-        font-size: $h4_font_size;
-        margin: $h4_margin;
-    }
-
-    h5 {
-        font-size: $h5_font_size;
-        margin: $h5_margin;
-    }
-
-    h6 {
-        font-size: $h6_font_size;
-        margin: $h6_margin;
-    }
-}
-
-// Addresses styling not present in IE 8/9, S5, Chrome
-
-abbr[title] {
-    border-bottom: 1px dotted;
-}
-
-// Addresses style set to 'bolder' in FF3+, S4/5, Chrome
-
-b, 
-strong { 
-    font-weight: bold; 
-}
-
-@if $legacy_support_for_ie {
-    blockquote {
-        margin: 1em 40px;
-    }
-}
-
-// Addresses styling not present in S5, Chrome
-
-dfn {
-    font-style: italic;
-}
-
-// Addresses styling not present in IE6/7/8/9
-
-mark {
-    background: #ff0;
-    color: #000;
-}
-
-// Addresses margins set differently in IE6/7
-@if $legacy_support_for_ie {
-    p,
-    pre {
-        margin: 1em 0;
-    }
-}
-
-// Corrects font family set oddly in IE6, S4/5, Chrome
-// en.wikipedia.org/wiki/User:Davidgothberg/Test59
-
-code,
-kbd,
-pre,
-samp {
-    font-family: monospace, serif;
-    @if $legacy_support_for_ie {
-        _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;
-}
-
-// Set consistent quote types.
-
-q {
-    quotes: "\201C" "\201D" "\2018" "\2019";
-}
-
-// 1. Addresses CSS quotes not supported in IE6/7
-// 2. Addresses quote property not supported in S4
-
-// 1
-@if $legacy_support_for_ie {
-    q {
-        quotes: none;
-    }
-}
-
-// 2
-q:before,
-q:after {
-    content: '';
-    content: none;
-}
-
-// Address inconsistent and variable font size in all browsers.
- 
-small {
-    font-size: 80%;
-}
-
-// Prevents sub and sup affecting line-height in all browsers
-// gist.github.com/413930
-
-sub,
-sup {
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-    vertical-align: baseline;
-}
-
-sup {
-    top: -0.5em;
-}
-
-sub {
-    bottom: -0.25em;
-}
-
-// =============================================================================
-// Lists
-// =============================================================================
-
-// Addresses margins set differently in IE6/7
-@if $legacy_support_for_ie {
-    dl,
-    menu,
-    ol,
-    ul {
-        margin: 1em 0;
-    }
-}
-
-@if $legacy_support_for_ie {
-    dd {
-        margin: 0 0 0 40px;
-    }
-}
-
-// Addresses paddings set differently in IE6/7
-@if $legacy_support_for_ie {
-    menu,
-    ol,
-    ul {
-        padding: 0 0 0 40px;
-    }
-}
-
-// Corrects list images handled incorrectly in IE7
-
-nav {
-    ul,
-    ol {
-        @if $legacy_support_for_ie {
-            list-style-image: none;
-        }    
-    }
-}
-
-// =============================================================================
-// Embedded content
-// =============================================================================
-
-// 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
-// 2. Improves image quality when scaled in IE7
-//    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
-
-img {
-    border: 0; // 1
-    @if $legacy_support_for_ie {
-        -ms-interpolation-mode: bicubic; // 2
-    }    
-}
-
-// Corrects overflow displayed oddly in IE9
-
-svg:not(:root) {
-    overflow: hidden;
-}
-
-// =============================================================================
-// Figures
-// =============================================================================
-
-// Addresses margin not present in IE6/7/8/9, S5, O11
-
-figure {
-    margin: 0;
-}
-
-// =============================================================================
-// Forms
-// =============================================================================
-
-// Corrects margin displayed oddly in IE6/7
-@if $legacy_support_for_ie {
-    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 IE6/7/8/9
-// 2. Remove padding so people aren't caught out if they zero out fieldsets.
-// 3. Corrects text not wrapping in FF3 
-// 4. Corrects alignment displayed oddly in IE6/7
-
-legend {
-    border: 0; // 1
-    padding: 0; // 2
-    white-space: normal; // 3
-    @if $legacy_support_for_ie {
-        *margin-left: -7px; // 4
-    }    
-}
-
-// 1. Correct font family not being inherited in all browsers.
-// 2. Corrects font size not being inherited in all browsers
-// 3. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
-// 4. Improves appearance and consistency in all browsers
-
-button,
-input,
-select,
-textarea {
-    font-family: inherit; // 1
-    font-size: 100%; // 2
-    margin: 0; // 3
-    vertical-align: baseline; // 4
-    @if $legacy_support_for_ie {
-        *vertical-align: middle; // 4
-    }    
-}
-
-// Addresses FF3/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. 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 IE7 without affecting normal text inputs
-//    Known issue: inner spacing remains in IE6
-
-button,
-html input[type="button"], // 1
-input[type="reset"], 
-input[type="submit"] {
-    -webkit-appearance: button; // 2
-    cursor: pointer; // 3
-    @if $legacy_support_for_ie {
-        *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 IE8/9
-// 2. Removes excess padding in IE8/9
-// 3. Removes excess padding in IE7
-//    Known issue: excess padding remains in IE6
-
-input[type="checkbox"],
-input[type="radio"] {
-    box-sizing: border-box; // 1
-    padding: 0; // 2
-    @if $legacy_support_for_ie {
-        *height: 13px; // 3
-        *width: 13px; // 3
-    }
-}
-
-// 1. Addresses appearance set to searchfield in S5, Chrome
-// 2. Addresses box-sizing set to border-box in S5, 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;
-}
-
-// Removes inner padding and border in FF3+
-// www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
-
-button, input {
-    &::-moz-focus-inner {
-        border: 0;
-        padding: 0;
-    }
-}
-
-// 1. Removes default vertical scrollbar in IE6/7/8/9
-// 2. Improves readability and alignment in all browsers
-
-textarea {
-    overflow: auto; // 1
-    vertical-align: top; // 2
-}
-
-// =============================================================================
-// Tables
-// =============================================================================
- 
-// Remove most spacing between table cells
-
-table {
-    border-collapse: collapse;
-    border-spacing: 0;
-}
+// normalize.css v2.1.2 | MIT License | git.io/normalize
+
+article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
+audio, canvas, video {display: inline-block;}
+audio:not([controls]) {display: none; height: 0;}
+[hidden] {display: none;}
+html {font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
+body {margin: 0;}
+a:focus {outline: thin dotted;}
+a:active, a:hover {outline: 0;}
+h1 {font-size: 2em; margin: 0.67em 0;}
+abbr[title] {border-bottom: 1px dotted;}
+b, strong {font-weight: bold;}
+dfn {font-style: italic;}
+hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0;}
+mark {background: #ff0; color: #000;}
+code, kbd, pre, samp {font-family: monospace, serif; font-size: 1em;}
+pre {white-space: pre-wrap;}
+q {quotes: "\201C" "\201D" "\2018" "\2019";}
+small {font-size: 80%;}
+sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
+sup {top: -0.5em;}
+sub {bottom: -0.25em;}
+img {border: 0;}
+svg:not(:root) {overflow: hidden;}
+figure {margin: 0;}
+fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
+legend {border: 0; padding: 0;}
+button, input, select, textarea {font-family: inherit; font-size: 100%; margin: 0;}
+button, input {line-height: normal;}
+button, select {text-transform: none;}
+button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;}
+button[disabled], html input[disabled] {cursor: default;}
+input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0;}
+input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
+input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
+button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
+textarea {overflow: auto; vertical-align: top;}
+table {border-collapse: collapse; border-spacing: 0;}

data/stylesheets/_rapido.scss

@@ -1,14 +1,19 @@
+// Rapido Css | http://git.io/rapido
+// ====================================================================================================================
 
 // Normalize
-// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
+// --------------------------------------------------------------------------------------------------------------------
+
 @import "normalize";
 
 // Functions
-// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
+// --------------------------------------------------------------------------------------------------------------------
+
 @import	"functions";
 
 // Settings
-// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
+// --------------------------------------------------------------------------------------------------------------------
+
 @import "settings/base";
 @import "settings/colors";
 @import "settings/dimensions";
@@ -16,21 +21,23 @@
 @import "settings/effects";
 
 // External Frameworks
-// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
+// --------------------------------------------------------------------------------------------------------------------
+
 @import "compass";
 @import "susy";
 
 // Utilities
-// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
+// --------------------------------------------------------------------------------------------------------------------
+
 @import	"utilities/mixins";
-@import	"utilities/media-queries";
 @import	"utilities/helper-classes";
 @import	"utilities/debug";
 @import	"utilities/animations";
 @import	"utilities/icon-fonts";
 
 // Components
-// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
+// --------------------------------------------------------------------------------------------------------------------
+
 @import	"components/type";
 @import	"components/forms";
 @import	"components/tables";
@@ -50,10 +57,12 @@
 
 @import	"components/alerts";
 
+@import "components/grids";
 @import	"components/modals";
 @import	"components/sliders";
 @import	"components/tabs";
 
 // Default styles
-// ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
+// --------------------------------------------------------------------------------------------------------------------
+
 @import	"default-styles";