compass-inuit 4.5.5.1 → 5.0.1

checksums.yaml

@@ -0,0 +1,15 @@
+---
+!binary "U0hBMQ==":
+  metadata.gz: !binary |-
+    ZDY5NTU4ZmIzNTEzZDA2ZmIwYjZhNjU4OTdkYzhlMWUzMGNmMTQyMg==
+  data.tar.gz: !binary |-
+    ODc5NjYwYTdjYmMxMzIwZmY2ZTA2NjhlNWVhZDkyYWIyMTA0YzJkNA==
+!binary "U0hBNTEy":
+  metadata.gz: !binary |-
+    OWU5NmVkYjEyZDRjNzk2MWNiZmEyMTE0MzcxN2YxYjQ5N2Y3MjYzYjdjNDg2
+    ZjliZjE4MWU0YjUyZmNmMGJkNGU2NDM5Yjk1ZWRjMWIxMTBlNDQwZmQ5NDU4
+    YzdmZTBhODdmODM4MzgxNzIzNDZmYmZlZjM5MzEwZmI2MjY1YTY=
+  data.tar.gz: !binary |-
+    MmY5NTZhY2QwNWI5YzNmOTdmNmRlMTkxZjhlMTQ5YzMzNzZmZjVjYTM3NDli
+    MDI0NWE0YzkxMzFjMTg3YzkzMDFiYTA3MGQyM2Y5NGMzYmIzYmRmYzI3MWY5
+    ZTAwNzk5M2E5ZWE2N2NiYTVmNmQzMTI1ZWQ3MjY3MThkZmM1ZDk=

data/README.md

@@ -1,4 +1,4 @@
-# ![compass-inuit](http://i.imgur.com/22tof.png)
+# ![compass-inuit](http://i.imgur.com/rsz0nwt.png)
 
 A powerful little Compass extension for inuit.css for _insanely serious_ developers.
 
@@ -80,7 +80,6 @@ Imports have been branched out in this extension, additionally you can use these
 	@import "compass-inuit/base/smallprint";
 	@import "compass-inuit/base/quotes";
 	@import "compass-inuit/base/code";
-	@import "compass-inuit/base/links";
 	@import "compass-inuit/base/images";
 	@import "compass-inuit/base/lists";
 	@import "compass-inuit/base/tables";
@@ -106,12 +105,11 @@ Imports have been branched out in this extension, additionally you can use these
 	@import "compass-inuit/objects/arrows";
 	@import "compass-inuit/objects/sprite";
 	@import "compass-inuit/objects/icon-text";
-	@import "compass-inuit/objects/buttons";
+	@import "compass-inuit/objects/beautons";
 	@import "compass-inuit/objects/lozenges";
 	@import "compass-inuit/objects/rules";
 	@import "compass-inuit/objects/stats";
 	@import "compass-inuit/objects/greybox";
-	@import "compass-inuit/objects/batch";
 
 This makes it super simple to pick and choose what you want for your project.
 

data/stylesheets/_compass-inuit.scss

@@ -1,3 +1,4 @@
+@import "compass-inuit/defaults";
 @import "compass-inuit/generic";
 @import "compass-inuit/base";
 @import "compass-inuit/objects";

data/stylesheets/compass-inuit/_base.scss

@@ -7,7 +7,6 @@
 @import "compass-inuit/base/smallprint";
 @import "compass-inuit/base/quotes";
 @import "compass-inuit/base/code";
-@import "compass-inuit/base/links";
 @import "compass-inuit/base/images";
 @import "compass-inuit/base/lists";
 @import "compass-inuit/base/tables";

data/stylesheets/compass-inuit/_defaults.scss

@@ -0,0 +1,225 @@
+/*------------------------------------*\
+    $DEFAULTS
+\*------------------------------------*/
+/**
+ * inuit.css’ default variables. Redefine these in your `_vars.scss` file (found
+ * in the inuit.css-web-template) to override them.
+ */
+
+
+
+
+
+/*------------------------------------*\
+    $DEBUG
+\*------------------------------------*/
+/**
+ * Debug mode will visually highlight any potential markup/accessibility quirks
+ * in the browser. Set to `true` or `false`.
+ */
+$debug-mode:        false!default;
+
+
+
+
+
+/*------------------------------------*\
+    $BORDER-BOX
+\*------------------------------------*/
+/**
+ * Do you want all elements to adopt `box-sizing:border-box;` as per
+ * paulirish.com/2012/box-sizing-border-box-ftw ?
+ */
+$global-border-box: true!default;
+
+
+
+
+
+/*------------------------------------*\
+    $BASE
+\*------------------------------------*/
+/**
+ * Base stuff
+ */
+$base-font-size:    16px!default;
+$base-line-height:  24px!default;
+
+/**
+ * Base font-family.
+ */
+$base-font-family:  sans-serif!default;
+
+/**
+ * Default colour for objects’ borders etc.
+ */
+$base-ui-color:     #ccc!default;
+
+
+
+
+
+/*------------------------------------*\
+    $RESPONSIVE
+\*------------------------------------*/
+/**
+ * Responsiveness?
+ */
+$responsive:        true!default;
+
+/**
+ * Responsiveness for widescreen/high resolution desktop monitors and beyond?
+ * Note: `$responsive` variable above must be set to true before enabling this.
+ */
+$responsive-extra:  false!default;
+
+/**
+ * Responsive push and pull produce a LOT of code, only turn them on if you
+ * definitely need them.
+ */
+$push:              false!default;
+/**
+ * Note: `$push` variable above must be set to true before enabling these.
+ */
+$palm-push:         false!default;
+$lap-push:          false!default;
+$lap-and-up-push:   false!default;
+$portable-push:     false!default;
+$desk-push:         false!default;
+
+$pull:              false!default;
+/**
+ * Note: `$pull` variable above must be set to true before enabling these.
+ */
+$palm-pull:         false!default;
+$lap-pull:          false!default;
+$lap-and-up-pull:   false!default;
+$portable-pull:     false!default;
+$desk-pull:         false!default;
+
+/**
+ * Tell inuit.css when breakpoints start.
+ */
+$lap-start:         481px!default;
+$desk-start:        1024px!default;
+$desk-wide-start:   1200px!default;
+
+
+
+
+
+/*------------------------------------*\
+    $FONT-SIZES
+\*------------------------------------*/
+/**
+ * Font-sizes (in pixels). Refer to relevant sections for their implementations.
+ */
+$giga-size:         96px!default;
+$mega-size:         72px!default;
+$kilo-size:         48px!default;
+
+$h1-size:           36px!default; // .alpha
+$h2-size:           30px!default; // .beta
+$h3-size:           24px!default; // .gamma
+$h4-size:           20px!default; // .delta
+$h5-size:           16px!default; // .epsilon
+$h6-size:           14px!default; // .zeta
+
+$milli-size:        12px!default;
+$micro-size:        10px!default;
+
+
+
+
+
+/*------------------------------------*\
+    $QUOTES
+\*------------------------------------*/
+/**
+ * English quote marks?
+ */
+$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 you need non-English quotes, please alter the following values accordingly:
+ */
+@if $english-quotes != true{
+    $open-quote:    \00AB;
+    $close-quote:   \00BB;
+}
+
+
+
+
+
+/*------------------------------------*\
+    $BRAND
+\*------------------------------------*/
+/**
+ * Brand stuff
+ */
+$brand-color:       #4a8ec2!default;
+$brand-face:        "Helvetica Neue", sans-serif!default;
+
+/**
+ * How big would you like round corners to be by default?
+ */
+$brand-round:        4px!default;
+
+
+
+
+
+/*------------------------------------*\
+    $OBJECTS AND ABSTRACTIONS
+\*------------------------------------*/
+/**
+ * Which objects and abstractions would you like to use?
+ */
+$use-grids:         false!default;
+$use-flexbox:       false!default;
+$use-columns:       false!default;
+$use-nav:           false!default;
+$use-options:       false!default;
+$use-pagination:    false!default;
+$use-breadcrumb:    false!default;
+$use-media:         false!default;
+$use-marginalia:    false!default;
+$use-island:        false!default;
+$use-block-list:    false!default;
+$use-matrix:        false!default;
+$use-split:         false!default;
+$use-this-or-this:  false!default;
+$use-link-complex:  false!default;
+$use-flyout:        false!default;
+$use-arrows:        false!default;
+$use-sprite:        false!default;
+$use-icon-text:     false!default;
+$use-beautons:      false!default;
+$use-lozenges:      false!default;
+$use-rules:         false!default;
+$use-stats:         false!default;
+$use-greybox:       false!default;
+
+
+
+
+
+/*------------------------------------*\
+    $FRAMEWORK
+\*------------------------------------*/
+/**
+ * inuit.css will work these next ones out for use within the framework.
+ *
+ * Assign our `$base-line-height` to a new spacing var for more transparency.
+ */
+$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/compass-inuit/_objects.scss

@@ -20,9 +20,8 @@
 @import "compass-inuit/objects/arrows";
 @import "compass-inuit/objects/sprite";
 @import "compass-inuit/objects/icon-text";
-@import "compass-inuit/objects/buttons";
+@import "compass-inuit/objects/beautons";
 @import "compass-inuit/objects/lozenges";
 @import "compass-inuit/objects/rules";
 @import "compass-inuit/objects/stats";
 @import "compass-inuit/objects/greybox";
-@import "compass-inuit/objects/batch";

data/stylesheets/compass-inuit/base/_code.scss

@@ -16,9 +16,9 @@ pre{
 
 /**
  * Add comments to your code examples, e.g.:
- * 
+ *
    <code>&lt;/div&gt;<span class=code-comment>&lt;!-- /wrapper --&gt;</span></code>
- * 
+ *
  */
 .code-comment{
     /**
@@ -32,7 +32,7 @@ pre{
 /**
  * You can add line numbers to your code examples but be warned, it requires
  * some pretty funky looking markup, e.g.:
- * 
+ *
    <ol class=line-numbers>
        <li><code>.nav{</code></li>
        <li><code>    list-style:none;</code></li>
@@ -45,7 +45,7 @@ pre{
        <li><code>            zoom:1;</code></li>
        <li><code>        }</code></li>
    </ol>
- * 
+ *
  * 1. Make the list look like code.
  * 2. Give the list flush numbers with a leading zero.
  * 3. Make sure lines of code don’t wrap.

data/stylesheets/compass-inuit/base/_forms.scss

@@ -2,9 +2,9 @@
     $FORMS
 \*------------------------------------*/
 /**
- * 
+ *
  * Demo: jsfiddle.net/inuitcss/MhHHU
- * 
+ *
  */
 fieldset{
     padding:$base-spacing-unit;
@@ -13,13 +13,13 @@ fieldset{
 
 /**
  * Text inputs
- * 
+ *
  * Instead of a `[type]` selector for each kind of form input, we just use a
  * class to target any/every one, e.g.:
    <input type=text class=text-input>
    <input type=email class=text-input>
    <input type=password class=text-input>
- * 
+ *
  */
 .text-input,
 textarea{
@@ -31,7 +31,7 @@ textarea{
 
 /**
  * Group sets of form fields in a list, e.g.:
- * 
+ *
    <ul class=form-fields>
        <li>
            <label />
@@ -46,7 +46,7 @@ textarea{
            <input />
        </li>
    </ul>
- * 
+ *
  */
 .form-fields{
     list-style:none;
@@ -62,11 +62,11 @@ textarea{
 
 /**
  * Labels
- * 
+ *
  * Define a `.label` class as well as a `label` element. This means we can apply
  * label-like styling to meta-labels for groups of options where a `label`
  * element is not suitable, e.g.:
- * 
+ *
    <li>
        <span class=label>Select an option below:</span>
        <ul class="multi-list  four-cols">
@@ -84,7 +84,7 @@ textarea{
            </li>
        </ul>
    </li>
- * 
+ *
  */
 label,
 .label{
@@ -92,9 +92,9 @@ label,
 }
     /**
      * Extra help text in `label`s, e.g.:
-     * 
+     *
        <label>Card number <small class=additional>No spaces</small></label>
-     * 
+     *
      */
     .additional{
         display:block;
@@ -104,7 +104,7 @@ label,
 
 /*
  * Groups of checkboxes and radios, e.g.:
- * 
+ *
    <li>
        <ul class=check-list>
            <li>
@@ -115,7 +115,7 @@ label,
            </li>
        </ul>
    </li>
- * 
+ *
  */
 .check-list{
     list-style:none;
@@ -133,7 +133,7 @@ label,
 
 /**
  * Spoken forms are for forms that read like spoken word, e.g.:
- * 
+ *
    <li class=spoken-form>
        Hello, my <label for=spoken-name>name</label> is
        <input type=text class=text-input id=spoken-name>. My home
@@ -144,7 +144,7 @@ label,
            <option>Other</option>
        </select>
    </li>
- * 
+ *
  */
 .spoken-form label{
     display:inline-block;
@@ -154,15 +154,15 @@ label,
 
 /**
  * Extra help text displayed after a field when that field is in focus, e.g.:
- * 
+ *
    <label for=email>Email:</label>
-   <input type=email class=text-input id=email> 
+   <input type=email class=text-input id=email>
    <small class=extra-help>.edu emails only</small>
- * 
+ *
  * We leave the help text in the document flow and merely set it to
  * `visibility:hidden;`. This means that it won’t interfere with anything once
  * it reappears.
- * 
+ *
  */
 /*small*/.extra-help{
     display:inline-block;