inuit_rails 0.0.2

data/vendor/assets/stylesheets/objects/_arrows.scss

@@ -0,0 +1,147 @@
+@if $use-arrows == true{
+
+/*------------------------------------*\
+    $ARROWS
+\*------------------------------------*/
+/**
+ * It is a common design treatment to give an element a triangular points-out
+ * arrow, we typically build these with CSS. These following classes allow us to
+ * generate these arbitrarily with a mixin, `@arrow()`.
+ */
+
+$arrow-size:            $half-spacing-unit!default;
+$arrow-border:          1!default;
+$border:                $arrow-size;
+$arrow:                 $arrow-size - $arrow-border;
+
+/**
+ * Forms the basis for any/all CSS arrows.
+ */
+%arrow{
+    position:relative;
+
+    &:before,
+    &:after{
+        content:"";
+        position:absolute;
+        border-collapse:separate;
+    }
+    &:before{
+        border:$border solid transparent;
+    }
+    &:after{
+        border:$arrow solid transparent;
+    }
+}
+
+
+/**
+ * Define individual edges so we can combine what we need, when we need.
+ */
+%arrow--top{
+    @extend %arrow;
+
+    &:before,
+    &:after{
+        bottom:100%;
+    }
+}
+
+%arrow--upper{
+    @extend %arrow;
+
+    &:before{
+        top:$arrow;
+    }
+    &:after{
+        top:$border;
+    }
+}
+
+%arrow--middle{
+    @extend %arrow;
+
+    &:before,
+    &:after{
+        top:50%;
+        margin-top:-$border;
+    }
+    &:after{
+        margin-top:-$arrow;
+    }
+}
+
+%arrow--lower{
+    @extend %arrow;
+
+    &:before{
+        bottom:$arrow;
+    }
+    &:after{
+        bottom:$border;
+    }
+}
+
+%arrow--bottom{
+    @extend %arrow;
+
+    &:before,
+    &:after{
+        top:100%;
+    }
+}
+
+%arrow--near{
+    @extend %arrow;
+
+    &:before,
+    &:after{
+        right:100%;
+    }
+}
+
+%arrow--left{
+    @extend %arrow;
+
+    &:before{
+        left:$arrow;
+    }
+    &:after{
+        left:$border;
+    }
+}
+
+%arrow--center{
+    @extend %arrow;
+
+    &:before,
+    &:after{
+        left:50%;
+        margin-left:-$border;
+    }
+    &:after{
+        margin-left:-$arrow;
+    }
+}
+
+%arrow--right{
+    @extend %arrow;
+
+    &:before{
+        right:$arrow;
+    }
+    &:after{
+        right:$border;
+    }
+}
+
+%arrow--far{
+    @extend %arrow;
+
+    &:before,
+    &:after{
+        left:100%;
+    }
+}
+
+}//endif

data/vendor/assets/stylesheets/objects/_beautons.scss

@@ -0,0 +1,218 @@
+@if $use-beautons == true{
+
+/*------------------------------------*\
+    $BEAUTONS.CSS
+\*------------------------------------*/
+/**
+ * beautons is a beautifully simple button toolkit.
+ *
+ * LICENSE
+ *
+ * Copyright 2013 Harry Roberts
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ */
+
+
+/*!*
+ *
+ * @csswizardry -- csswizardry.com/beautons
+ *
+ */
+
+
+
+
+
+/*------------------------------------*\
+    $BASE
+\*------------------------------------*/
+/**
+ * Base button styles.
+ *
+ * 1. Allow us to better style box model properties.
+ * 2. Line different sized buttons up a little nicer.
+ * 3. Stop buttons wrapping and looking broken.
+ * 4. Make buttons inherit font styles.
+ * 5. Force all elements using beautons to appear clickable.
+ * 6. Normalise box model styles.
+ * 7. If the button’s text is 1em, and the button is (3 * font-size) tall, then
+ *    there is 1em of space above and below that text. We therefore apply 1em
+ *    of space to the left and right, as padding, to keep consistent spacing.
+ * 8. Basic cosmetics for default buttons. Change or override at will.
+ * 9. Don’t allow buttons to have underlines; it kinda ruins the illusion.
+ */
+.btn{
+    @extend %inline_block_fix;  /* [1] */
+    vertical-align:middle;      /* [2] */
+    white-space:nowrap;         /* [3] */
+    font-family:inherit;        /* [4] */
+    font-size:100%;             /* [4] */
+    cursor:pointer;             /* [5] */
+    border:none;                /* [6] */
+    margin:0;                   /* [6] */
+    padding-top:   0;           /* [6] */
+    padding-bottom:0;           /* [6] */
+    @include line-height(3);    /* [7] */
+    border-radius:$brand-round; /* [8] */
+}
+
+.btn{
+
+    &,
+    &:hover{
+        text-decoration:none;   /* [9] */
+    }
+
+    &:active,
+    &:focus{
+        outline:none;
+    }
+}
+
+
+
+
+
+/*------------------------------------*\
+    $SIZES
+\*------------------------------------*/
+/**
+ * Button size modifiers.
+ *
+ * These all follow the same sizing rules as above; text is 1em, space around it
+ * remains uniform.
+ */
+.btn--small{
+    @include line-height(2);
+}
+
+.btn--large{
+    @include line-height(4);
+}
+
+.btn--huge{
+    @include line-height(5);
+}
+
+/**
+ * These buttons will fill the entirety of their container.
+ *
+ * 1. Remove padding so that widths and paddings don’t conflict.
+ */
+.btn--full{
+    width:100%;
+    padding-right:0;            /* [1] */
+    padding-left: 0;            /* [1] */
+    text-align:center;
+}
+
+
+
+
+
+/*------------------------------------*\
+    $FONT-SIZES
+\*------------------------------------*/
+/**
+ * Button font-size modifiers.
+ */
+.btn--alpha{
+    font-size:3rem;
+}
+
+.btn--beta{
+    font-size:2rem;
+}
+
+.btn--gamma{
+    font-size:1rem;
+}
+
+/**
+ * Make the button inherit sizing from its parent.
+ */
+.btn--natural{
+    vertical-align:baseline;
+    font-size:inherit;
+    line-height:inherit;
+    padding-right:0.5em;
+    padding-left: 0.5em;
+}
+
+
+
+
+
+/*------------------------------------*\
+    $FUNCTIONS
+\*------------------------------------*/
+/**
+ * Button function modifiers.
+ */
+.btn--primary{}
+.btn--secondary{}
+.btn--tertiary{}
+
+/**
+ * Positive actions; e.g. sign in, purchase, submit, etc.
+ */
+.btn--positive{
+    background-color:#4A993E;
+    color:#fff;
+}
+
+/**
+ * Negative actions; e.g. close account, delete photo, remove friend, etc.
+ */
+.btn--negative{
+    background-color:#b33630;
+    color:#fff;
+}
+
+/**
+ * Inactive, disabled buttons.
+ *
+ * 1. Make the button look like normal text when hovered.
+ */
+.btn--inactive,
+    .btn--inactive:hover,
+    .btn--inactive:active,
+    .btn--inactive:focus{
+        background-color:#ddd;
+        color:#777;
+        cursor:text;            /* [1] */
+    }
+
+
+
+
+
+/*------------------------------------*\
+    $STYLES
+\*------------------------------------*/
+/**
+ * Button style modifiers.
+ *
+ * 1. Use an overly-large number to ensure completely rounded, pill-like ends.
+ */
+.btn--soft{
+    border-radius:200px;        /* [1] */
+}
+
+.btn--hard{
+    border-radius:0;
+}
+
+}//endif

data/vendor/assets/stylesheets/objects/_block-list.scss

@@ -0,0 +1,45 @@
+@if $use-block-list == true or $use-matrix == true{
+
+/*------------------------------------*\
+    $BLOCK-LIST
+\*------------------------------------*/
+/**
+ * Create big blocky lists of content, e.g.:
+ *
+   <ul class=block-list>
+      <li>Foo</li>
+      <li>Bar</li>
+      <li>Baz</li>
+      <li><a href=# class=block-list__link>Foo Bar Baz</a></li>
+   </ul>
+ *
+ * Extend this object in your theme stylesheet.
+ *
+ * Demo: jsfiddle.net/inuitcss/hR57q
+ *
+ */
+.block-list{
+
+    &,
+    > li{
+        border:0 solid $base-ui-color;
+    }
+}
+.block-list{
+    list-style:none;
+    margin-left:0;
+    border-top-width:1px;
+
+    > li{
+        border-bottom-width:1px;
+        padding:$half-spacing-unit;
+    }
+}
+        .block-list__link{
+            display:block;
+            // to make link clickable in li tag from top to bottom
+            padding:$half-spacing-unit;
+            margin:-$half-spacing-unit;
+        }
+
+}//endif

data/vendor/assets/stylesheets/objects/_columns.scss

@@ -0,0 +1,22 @@
+@if $use-columns == true{
+
+/*------------------------------------*\
+    $COLUMNS
+\*------------------------------------*/
+/**
+ * Here we can set elements in columns of text using CSS3, e.g.:
+ *
+   <p class=text-cols--2>
+ *
+ * Demo: jsfiddle.net/inuitcss/E26Yd
+ *
+ */
+%text-cols{
+    @include vendor(column-gap, $base-spacing-unit);
+}
+.text-cols--2    { @extend %text-cols; @include vendor(column-count, 2); }
+.text-cols--3    { @extend %text-cols; @include vendor(column-count, 3); }
+.text-cols--4    { @extend %text-cols; @include vendor(column-count, 4); }
+.text-cols--5    { @extend %text-cols; @include vendor(column-count, 5); }
+
+}//endif

data/vendor/assets/stylesheets/objects/_flexbox.scss

@@ -0,0 +1,55 @@
+@if $use-flexbox == true{
+
+/*------------------------------------*\
+    $FLEXBOX
+\*------------------------------------*/
+/**
+ * Until we can utilise flexbox natively we can kinda, sorta, attempt to emulate
+ * it, in a way... e.g.:
+ *
+   <header class=flexbox>
+
+       <div class=flexbox__item>
+           <b>Welcome to</b>
+       </div>
+
+       <div class=flexbox__item>
+           <img src="//csswizardry.com/inuitcss/img/logo.jpg" alt="inuit.css">
+       </div>
+
+   </header>
+ *
+ * We can also combine our grid system classes with `.flexbox__item` classes,
+ * e.g.:
+ *
+   <div class=flexbox>
+       <div class="flexbox__item  one-quarter">
+       </div>
+       <div class="flexbox__item  three-quarters">
+       </div>
+   </div>
+ *
+ * It’s pretty poorly named I’m afraid, but it works...
+ *
+ * Demo: jsfiddle.net/inuitcss/ufUh2
+ *
+ */
+.flexbox{
+    display:table;
+    width:100%;
+}
+
+/**
+ * Nasty hack to circumvent Modernizr conflicts.
+ */
+html.flexbox{
+    display:block;
+    width:auto;
+}
+
+    .flexbox__item{
+        display:table-cell;
+        vertical-align:middle;
+    }
+
+}//endif