compass-inuit 4.5.4.1 → 4.5.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/stylesheets/compass-inuit/base/_images.scss +13 -4
- data/stylesheets/compass-inuit/generic/_helper.scss +21 -11
- data/stylesheets/compass-inuit/generic/_mixins.scss +15 -8
- data/stylesheets/compass-inuit/generic/_normalize.scss +64 -43
- data/stylesheets/compass-inuit/generic/_pull.scss +24 -24
- data/stylesheets/compass-inuit/generic/_widths.scss +15 -0
- data/stylesheets/compass-inuit/objects/_arrows.scss +3 -3
- data/stylesheets/compass-inuit/objects/_nav.scss +13 -6
- data/stylesheets/compass-inuit/objects/_options.scss +8 -6
- data/stylesheets/compass-inuit/objects/_pagination.scss +16 -9
- data/templates/project/sass/style.scss +1 -1
- metadata +2 -18
| @@ -4,11 +4,20 @@ | |
| 4 4 | 
             
            /**
         | 
| 5 5 | 
             
             * Demo: jsfiddle.net/inuitcss/yMtur
         | 
| 6 6 | 
             
             */
         | 
| 7 | 
            +
            /**
         | 
| 8 | 
            +
             * Fluid images.
         | 
| 9 | 
            +
             */
         | 
| 7 10 | 
             
            img{
         | 
| 8 | 
            -
                 | 
| 9 | 
            -
             | 
| 10 | 
            -
             | 
| 11 | 
            -
             | 
| 11 | 
            +
                max-width:100%;
         | 
| 12 | 
            +
            }
         | 
| 13 | 
            +
             | 
| 14 | 
            +
             | 
| 15 | 
            +
            /**
         | 
| 16 | 
            +
             * Non-fluid images if you specify `width` and/or `height` attributes.
         | 
| 17 | 
            +
             */
         | 
| 18 | 
            +
            img[width],
         | 
| 19 | 
            +
            img[height]{
         | 
| 20 | 
            +
                max-width:none;
         | 
| 12 21 | 
             
            }
         | 
| 13 22 |  | 
| 14 23 |  | 
| @@ -5,27 +5,37 @@ | |
| 5 5 | 
             
             * A series of helper classes to use arbitrarily. Only use a helper class if an
         | 
| 6 6 | 
             
             * element/component doesn’t already have a class to which you could apply this
         | 
| 7 7 | 
             
             * styling, e.g. if you need to float `.main-nav` left then add `float:left;` to
         | 
| 8 | 
            -
             * that ruleset as opposed to adding the `. | 
| 8 | 
            +
             * that ruleset as opposed to adding the `.float--left` class to the markup.
         | 
| 9 | 
            +
             *
         | 
| 10 | 
            +
             * A lot of these classes carry `!important` as you will always want them to win
         | 
| 11 | 
            +
             * out over other selectors.
         | 
| 9 12 | 
             
             */
         | 
| 10 | 
            -
            . | 
| 11 | 
            -
            . | 
| 13 | 
            +
            .float--right   { float:right!important; }
         | 
| 14 | 
            +
            .float--left    { float:left !important; }
         | 
| 12 15 |  | 
| 13 | 
            -
            .text- | 
| 14 | 
            -
            .text- | 
| 15 | 
            -
                text-align: | 
| 16 | 
            -
             | 
| 16 | 
            +
            .text--left     { text-align:left  !important; }
         | 
| 17 | 
            +
            .text--center   { text-align:center!important; }
         | 
| 18 | 
            +
            .text--right    { text-align:right !important; }
         | 
| 19 | 
            +
             | 
| 20 | 
            +
            .flush          { margin:       0!important; }
         | 
| 21 | 
            +
            .flush--top     { margin-top:   0!important; }
         | 
| 22 | 
            +
            .flush--right   { margin-right: 0!important; }
         | 
| 23 | 
            +
            .flush--bottom  { margin-bottom:0!important; }
         | 
| 24 | 
            +
            .flush--left    { margin-left:  0!important; }
         | 
| 25 | 
            +
            .flush--ends    { margin-top:   0!important; margin-bottom:0!important; }
         | 
| 26 | 
            +
            .flush--sides   { margin-right: 0!important; margin-left:  0!important; }
         | 
| 17 27 |  | 
| 18 28 |  | 
| 19 29 | 
             
            /**
         | 
| 20 30 | 
             
             * Pull items full width of `.island` parents.
         | 
| 21 31 | 
             
             */
         | 
| 22 32 | 
             
            .full-bleed{
         | 
| 23 | 
            -
                margin-right:-$base-spacing-unit;
         | 
| 24 | 
            -
                margin-left: -$base-spacing-unit;
         | 
| 33 | 
            +
                margin-right:-$base-spacing-unit!important;
         | 
| 34 | 
            +
                margin-left: -$base-spacing-unit!important;
         | 
| 25 35 |  | 
| 26 36 | 
             
                .islet &{
         | 
| 27 | 
            -
                    margin-right:-($half-spacing-unit);
         | 
| 28 | 
            -
                    margin-left: -($half-spacing-unit);
         | 
| 37 | 
            +
                    margin-right:-($half-spacing-unit)!important;
         | 
| 38 | 
            +
                    margin-left: -($half-spacing-unit)!important;
         | 
| 29 39 | 
             
                }
         | 
| 30 40 | 
             
            }
         | 
| 31 41 |  | 
| @@ -127,11 +127,11 @@ | |
| 127 127 | 
             
                    @extend %arrow--top;
         | 
| 128 128 |  | 
| 129 129 | 
             
                    &:before{
         | 
| 130 | 
            -
                        border-bottom-color:$border-color;
         | 
| 130 | 
            +
                        border-bottom-color:$border-color!important;
         | 
| 131 131 | 
             
                    }
         | 
| 132 132 |  | 
| 133 133 | 
             
                    &:after{
         | 
| 134 | 
            -
                        border-bottom-color:$arrow-color;
         | 
| 134 | 
            +
                        border-bottom-color:$arrow-color!important;
         | 
| 135 135 | 
             
                    }
         | 
| 136 136 |  | 
| 137 137 | 
             
                    @if $arrow-location == left{
         | 
| @@ -153,11 +153,11 @@ | |
| 153 153 | 
             
                    @extend %arrow--far;
         | 
| 154 154 |  | 
| 155 155 | 
             
                    &:before{
         | 
| 156 | 
            -
                        border-left-color:$border-color;
         | 
| 156 | 
            +
                        border-left-color:$border-color!important;
         | 
| 157 157 | 
             
                    }
         | 
| 158 158 |  | 
| 159 159 | 
             
                    &:after{
         | 
| 160 | 
            -
                        border-left-color:$arrow-color;
         | 
| 160 | 
            +
                        border-left-color:$arrow-color!important;
         | 
| 161 161 | 
             
                    }
         | 
| 162 162 |  | 
| 163 163 | 
             
                    @if $arrow-location == top{
         | 
| @@ -179,11 +179,11 @@ | |
| 179 179 | 
             
                    @extend %arrow--bottom;
         | 
| 180 180 |  | 
| 181 181 | 
             
                    &:before{
         | 
| 182 | 
            -
                        border-top-color:$border-color;
         | 
| 182 | 
            +
                        border-top-color:$border-color!important;
         | 
| 183 183 | 
             
                    }
         | 
| 184 184 |  | 
| 185 185 | 
             
                    &:after{
         | 
| 186 | 
            -
                        border-top-color:$arrow-color;
         | 
| 186 | 
            +
                        border-top-color:$arrow-color!important;
         | 
| 187 187 | 
             
                    }
         | 
| 188 188 |  | 
| 189 189 | 
             
                    @if $arrow-location == left{
         | 
| @@ -205,11 +205,11 @@ | |
| 205 205 | 
             
                    @extend %arrow--near;
         | 
| 206 206 |  | 
| 207 207 | 
             
                    &:before{
         | 
| 208 | 
            -
                        border-right-color:$border-color;
         | 
| 208 | 
            +
                        border-right-color:$border-color!important;
         | 
| 209 209 | 
             
                    }
         | 
| 210 210 |  | 
| 211 211 | 
             
                    &:after{
         | 
| 212 | 
            -
                        border-right-color:$arrow-color;
         | 
| 212 | 
            +
                        border-right-color:$arrow-color!important;
         | 
| 213 213 | 
             
                    }
         | 
| 214 214 |  | 
| 215 215 | 
             
                    @if $arrow-location == top{
         | 
| @@ -247,6 +247,7 @@ | |
| 247 247 | 
             
             * lap-and-up
         | 
| 248 248 | 
             
             * portable
         | 
| 249 249 | 
             
             * desk
         | 
| 250 | 
            +
             * desk-wide
         | 
| 250 251 | 
             
             * 
         | 
| 251 252 | 
             
             * Not using a media query will, naturally, serve styles to all devices.
         | 
| 252 253 | 
             
             * 
         | 
| @@ -288,5 +289,11 @@ $lap-end:               $desk-start - 1px; | |
| 288 289 | 
             
                    @media only screen and (min-width:$desk-start) { @content; }
         | 
| 289 290 |  | 
| 290 291 | 
             
                }
         | 
| 292 | 
            +
             | 
| 293 | 
            +
                @if $media-query == desk-wide{
         | 
| 294 | 
            +
             | 
| 295 | 
            +
                    @media only screen and (min-width: $desk-wide-start) { @content; }
         | 
| 296 | 
            +
             | 
| 297 | 
            +
                }
         | 
| 291 298 |  | 
| 292 299 | 
             
            }
         | 
| @@ -1,11 +1,11 @@ | |
| 1 | 
            -
             | 
| 1 | 
            +
            /*! normalize.css v2.1.0 | MIT License | git.io/normalize */
         | 
| 2 2 |  | 
| 3 3 | 
             
            /* ==========================================================================
         | 
| 4 4 | 
             
               HTML5 display definitions
         | 
| 5 5 | 
             
               ========================================================================== */
         | 
| 6 6 |  | 
| 7 7 | 
             
            /*
         | 
| 8 | 
            -
             *  | 
| 8 | 
            +
             * Correct `block` display not defined in IE 8/9.
         | 
| 9 9 | 
             
             */
         | 
| 10 10 |  | 
| 11 11 | 
             
            article,
         | 
| @@ -16,6 +16,7 @@ figure, | |
| 16 16 | 
             
            footer,
         | 
| 17 17 | 
             
            header,
         | 
| 18 18 | 
             
            hgroup,
         | 
| 19 | 
            +
            main,
         | 
| 19 20 | 
             
            nav,
         | 
| 20 21 | 
             
            section,
         | 
| 21 22 | 
             
            summary {
         | 
| @@ -23,7 +24,7 @@ summary { | |
| 23 24 | 
             
            }
         | 
| 24 25 |  | 
| 25 26 | 
             
            /*
         | 
| 26 | 
            -
             *  | 
| 27 | 
            +
             * Correct `inline-block` display not defined in IE 8/9.
         | 
| 27 28 | 
             
             */
         | 
| 28 29 |  | 
| 29 30 | 
             
            audio,
         | 
| @@ -33,7 +34,7 @@ video { | |
| 33 34 | 
             
            }
         | 
| 34 35 |  | 
| 35 36 | 
             
            /*
         | 
| 36 | 
            -
             *  | 
| 37 | 
            +
             * Prevent modern browsers from displaying `audio` without controls.
         | 
| 37 38 | 
             
             * Remove excess height in iOS 5 devices.
         | 
| 38 39 | 
             
             */
         | 
| 39 40 |  | 
| @@ -43,7 +44,7 @@ audio:not([controls]) { | |
| 43 44 | 
             
            }
         | 
| 44 45 |  | 
| 45 46 | 
             
            /*
         | 
| 46 | 
            -
             *  | 
| 47 | 
            +
             * Address styling not present in IE 8/9.
         | 
| 47 48 | 
             
             */
         | 
| 48 49 |  | 
| 49 50 | 
             
            [hidden] {
         | 
| @@ -55,8 +56,8 @@ audio:not([controls]) { | |
| 55 56 | 
             
               ========================================================================== */
         | 
| 56 57 |  | 
| 57 58 | 
             
            /*
         | 
| 58 | 
            -
             * 1.  | 
| 59 | 
            -
             * 2.  | 
| 59 | 
            +
             * 1. Set default font family to sans-serif.
         | 
| 60 | 
            +
             * 2. Prevent iOS text size adjust after orientation change, without disabling
         | 
| 60 61 | 
             
             *    user zoom.
         | 
| 61 62 | 
             
             */
         | 
| 62 63 |  | 
| @@ -67,7 +68,7 @@ html { | |
| 67 68 | 
             
            }
         | 
| 68 69 |  | 
| 69 70 | 
             
            /*
         | 
| 70 | 
            -
             *  | 
| 71 | 
            +
             * Remove default margin.
         | 
| 71 72 | 
             
             */
         | 
| 72 73 |  | 
| 73 74 | 
             
            body {
         | 
| @@ -79,7 +80,7 @@ body { | |
| 79 80 | 
             
               ========================================================================== */
         | 
| 80 81 |  | 
| 81 82 | 
             
            /*
         | 
| 82 | 
            -
             *  | 
| 83 | 
            +
             * Address `outline` inconsistency between Chrome and other browsers.
         | 
| 83 84 | 
             
             */
         | 
| 84 85 |  | 
| 85 86 | 
             
            a:focus {
         | 
| @@ -87,7 +88,7 @@ a:focus { | |
| 87 88 | 
             
            }
         | 
| 88 89 |  | 
| 89 90 | 
             
            /*
         | 
| 90 | 
            -
             *  | 
| 91 | 
            +
             * Improve readability when focused and also mouse hovered in all browsers.
         | 
| 91 92 | 
             
             */
         | 
| 92 93 |  | 
| 93 94 | 
             
            a:active,
         | 
| @@ -100,16 +101,17 @@ a:hover { | |
| 100 101 | 
             
               ========================================================================== */
         | 
| 101 102 |  | 
| 102 103 | 
             
            /*
         | 
| 103 | 
            -
             *  | 
| 104 | 
            -
             * Safari 5, and Chrome.
         | 
| 104 | 
            +
             * Address variable `h1` font-size and margin within `section` and `article`
         | 
| 105 | 
            +
             * contexts in Firefox 4+, Safari 5, and Chrome.
         | 
| 105 106 | 
             
             */
         | 
| 106 107 |  | 
| 107 108 | 
             
            h1 {
         | 
| 108 109 | 
             
                font-size: 2em;
         | 
| 110 | 
            +
                margin: 0.67em 0;
         | 
| 109 111 | 
             
            }
         | 
| 110 112 |  | 
| 111 113 | 
             
            /*
         | 
| 112 | 
            -
             *  | 
| 114 | 
            +
             * Address styling not present in IE 8/9, Safari 5, and Chrome.
         | 
| 113 115 | 
             
             */
         | 
| 114 116 |  | 
| 115 117 | 
             
            abbr[title] {
         | 
| @@ -117,7 +119,7 @@ abbr[title] { | |
| 117 119 | 
             
            }
         | 
| 118 120 |  | 
| 119 121 | 
             
            /*
         | 
| 120 | 
            -
             *  | 
| 122 | 
            +
             * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
         | 
| 121 123 | 
             
             */
         | 
| 122 124 |  | 
| 123 125 | 
             
            b,
         | 
| @@ -126,7 +128,7 @@ strong { | |
| 126 128 | 
             
            }
         | 
| 127 129 |  | 
| 128 130 | 
             
            /*
         | 
| 129 | 
            -
             *  | 
| 131 | 
            +
             * Address styling not present in Safari 5 and Chrome.
         | 
| 130 132 | 
             
             */
         | 
| 131 133 |  | 
| 132 134 | 
             
            dfn {
         | 
| @@ -134,7 +136,17 @@ dfn { | |
| 134 136 | 
             
            }
         | 
| 135 137 |  | 
| 136 138 | 
             
            /*
         | 
| 137 | 
            -
             *  | 
| 139 | 
            +
             * Address differences between Firefox and other browsers.
         | 
| 140 | 
            +
             */
         | 
| 141 | 
            +
             | 
| 142 | 
            +
            hr {
         | 
| 143 | 
            +
                -moz-box-sizing: content-box;
         | 
| 144 | 
            +
                box-sizing: content-box;
         | 
| 145 | 
            +
                height: 0;
         | 
| 146 | 
            +
            }
         | 
| 147 | 
            +
             | 
| 148 | 
            +
            /*
         | 
| 149 | 
            +
             * Address styling not present in IE 8/9.
         | 
| 138 150 | 
             
             */
         | 
| 139 151 |  | 
| 140 152 | 
             
            mark {
         | 
| @@ -142,9 +154,8 @@ mark { | |
| 142 154 | 
             
                color: #000;
         | 
| 143 155 | 
             
            }
         | 
| 144 156 |  | 
| 145 | 
            -
             | 
| 146 157 | 
             
            /*
         | 
| 147 | 
            -
             *  | 
| 158 | 
            +
             * Correct font family set oddly in Safari 5 and Chrome.
         | 
| 148 159 | 
             
             */
         | 
| 149 160 |  | 
| 150 161 | 
             
            code,
         | 
| @@ -156,17 +167,15 @@ samp { | |
| 156 167 | 
             
            }
         | 
| 157 168 |  | 
| 158 169 | 
             
            /*
         | 
| 159 | 
            -
             *  | 
| 170 | 
            +
             * Improve readability of pre-formatted text in all browsers.
         | 
| 160 171 | 
             
             */
         | 
| 161 172 |  | 
| 162 173 | 
             
            pre {
         | 
| 163 | 
            -
                white-space: pre;
         | 
| 164 174 | 
             
                white-space: pre-wrap;
         | 
| 165 | 
            -
                word-wrap: break-word;
         | 
| 166 175 | 
             
            }
         | 
| 167 176 |  | 
| 168 177 | 
             
            /*
         | 
| 169 | 
            -
             *  | 
| 178 | 
            +
             * Set consistent quote types.
         | 
| 170 179 | 
             
             */
         | 
| 171 180 |  | 
| 172 181 | 
             
            q {
         | 
| @@ -174,7 +183,7 @@ q { | |
| 174 183 | 
             
            }
         | 
| 175 184 |  | 
| 176 185 | 
             
            /*
         | 
| 177 | 
            -
             *  | 
| 186 | 
            +
             * Address inconsistent and variable font size in all browsers.
         | 
| 178 187 | 
             
             */
         | 
| 179 188 |  | 
| 180 189 | 
             
            small {
         | 
| @@ -182,7 +191,7 @@ small { | |
| 182 191 | 
             
            }
         | 
| 183 192 |  | 
| 184 193 | 
             
            /*
         | 
| 185 | 
            -
             *  | 
| 194 | 
            +
             * Prevent `sub` and `sup` affecting `line-height` in all browsers.
         | 
| 186 195 | 
             
             */
         | 
| 187 196 |  | 
| 188 197 | 
             
            sub,
         | 
| @@ -206,7 +215,7 @@ sub { | |
| 206 215 | 
             
               ========================================================================== */
         | 
| 207 216 |  | 
| 208 217 | 
             
            /*
         | 
| 209 | 
            -
             *  | 
| 218 | 
            +
             * Remove border when inside `a` element in IE 8/9.
         | 
| 210 219 | 
             
             */
         | 
| 211 220 |  | 
| 212 221 | 
             
            img {
         | 
| @@ -214,7 +223,7 @@ img { | |
| 214 223 | 
             
            }
         | 
| 215 224 |  | 
| 216 225 | 
             
            /*
         | 
| 217 | 
            -
             *  | 
| 226 | 
            +
             * Correct overflow displayed oddly in IE 9.
         | 
| 218 227 | 
             
             */
         | 
| 219 228 |  | 
| 220 229 | 
             
            svg:not(:root) {
         | 
| @@ -226,7 +235,7 @@ svg:not(:root) { | |
| 226 235 | 
             
               ========================================================================== */
         | 
| 227 236 |  | 
| 228 237 | 
             
            /*
         | 
| 229 | 
            -
             *  | 
| 238 | 
            +
             * Address margin not present in IE 8/9 and Safari 5.
         | 
| 230 239 | 
             
             */
         | 
| 231 240 |  | 
| 232 241 | 
             
            figure {
         | 
| @@ -248,7 +257,7 @@ fieldset { | |
| 248 257 | 
             
            }
         | 
| 249 258 |  | 
| 250 259 | 
             
            /*
         | 
| 251 | 
            -
             * 1.  | 
| 260 | 
            +
             * 1. Correct `color` not being inherited in IE 8/9.
         | 
| 252 261 | 
             
             * 2. Remove padding so people aren't caught out if they zero out fieldsets.
         | 
| 253 262 | 
             
             */
         | 
| 254 263 |  | 
| @@ -258,9 +267,9 @@ legend { | |
| 258 267 | 
             
            }
         | 
| 259 268 |  | 
| 260 269 | 
             
            /*
         | 
| 261 | 
            -
             * 1.  | 
| 262 | 
            -
             * 2.  | 
| 263 | 
            -
             * 3.  | 
| 270 | 
            +
             * 1. Correct font family not being inherited in all browsers.
         | 
| 271 | 
            +
             * 2. Correct font size not being inherited in all browsers.
         | 
| 272 | 
            +
             * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
         | 
| 264 273 | 
             
             */
         | 
| 265 274 |  | 
| 266 275 | 
             
            button,
         | 
| @@ -273,7 +282,7 @@ textarea { | |
| 273 282 | 
             
            }
         | 
| 274 283 |  | 
| 275 284 | 
             
            /*
         | 
| 276 | 
            -
             *  | 
| 285 | 
            +
             * Address Firefox 4+ setting `line-height` on `input` using `!important` in
         | 
| 277 286 | 
             
             * the UA stylesheet.
         | 
| 278 287 | 
             
             */
         | 
| 279 288 |  | 
| @@ -282,11 +291,23 @@ input { | |
| 282 291 | 
             
                line-height: normal;
         | 
| 283 292 | 
             
            }
         | 
| 284 293 |  | 
| 294 | 
            +
            /*
         | 
| 295 | 
            +
             * Address inconsistent `text-transform` inheritance for `button` and `select`.
         | 
| 296 | 
            +
             * All other form control elements do not inherit `text-transform` values.
         | 
| 297 | 
            +
             * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
         | 
| 298 | 
            +
             * Correct `select` style inheritance in Firefox 4+ and Opera.
         | 
| 299 | 
            +
             */
         | 
| 300 | 
            +
             | 
| 301 | 
            +
            button,
         | 
| 302 | 
            +
            select {
         | 
| 303 | 
            +
                text-transform: none;
         | 
| 304 | 
            +
            }
         | 
| 305 | 
            +
             | 
| 285 306 | 
             
            /*
         | 
| 286 307 | 
             
             * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
         | 
| 287 308 | 
             
             *    and `video` controls.
         | 
| 288 | 
            -
             * 2.  | 
| 289 | 
            -
             * 3.  | 
| 309 | 
            +
             * 2. Correct inability to style clickable `input` types in iOS.
         | 
| 310 | 
            +
             * 3. Improve usability and consistency of cursor style between image-type
         | 
| 290 311 | 
             
             *    `input` and others.
         | 
| 291 312 | 
             
             */
         | 
| 292 313 |  | 
| @@ -303,13 +324,13 @@ input[type="submit"] { | |
| 303 324 | 
             
             */
         | 
| 304 325 |  | 
| 305 326 | 
             
            button[disabled],
         | 
| 306 | 
            -
            input[disabled] {
         | 
| 327 | 
            +
            html input[disabled] {
         | 
| 307 328 | 
             
                cursor: default;
         | 
| 308 329 | 
             
            }
         | 
| 309 330 |  | 
| 310 331 | 
             
            /*
         | 
| 311 | 
            -
             * 1.  | 
| 312 | 
            -
             * 2.  | 
| 332 | 
            +
             * 1. Address box sizing set to `content-box` in IE 8/9.
         | 
| 333 | 
            +
             * 2. Remove excess padding in IE 8/9.
         | 
| 313 334 | 
             
             */
         | 
| 314 335 |  | 
| 315 336 | 
             
            input[type="checkbox"],
         | 
| @@ -319,8 +340,8 @@ input[type="radio"] { | |
| 319 340 | 
             
            }
         | 
| 320 341 |  | 
| 321 342 | 
             
            /*
         | 
| 322 | 
            -
             * 1.  | 
| 323 | 
            -
             * 2.  | 
| 343 | 
            +
             * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
         | 
| 344 | 
            +
             * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
         | 
| 324 345 | 
             
             *    (include `-moz` to future-proof).
         | 
| 325 346 | 
             
             */
         | 
| 326 347 |  | 
| @@ -332,7 +353,7 @@ input[type="search"] { | |
| 332 353 | 
             
            }
         | 
| 333 354 |  | 
| 334 355 | 
             
            /*
         | 
| 335 | 
            -
             *  | 
| 356 | 
            +
             * Remove inner padding and search cancel button in Safari 5 and Chrome
         | 
| 336 357 | 
             
             * on OS X.
         | 
| 337 358 | 
             
             */
         | 
| 338 359 |  | 
| @@ -342,7 +363,7 @@ input[type="search"]::-webkit-search-decoration { | |
| 342 363 | 
             
            }
         | 
| 343 364 |  | 
| 344 365 | 
             
            /*
         | 
| 345 | 
            -
             *  | 
| 366 | 
            +
             * Remove inner padding and border in Firefox 4+.
         | 
| 346 367 | 
             
             */
         | 
| 347 368 |  | 
| 348 369 | 
             
            button::-moz-focus-inner,
         | 
| @@ -352,8 +373,8 @@ input::-moz-focus-inner { | |
| 352 373 | 
             
            }
         | 
| 353 374 |  | 
| 354 375 | 
             
            /*
         | 
| 355 | 
            -
             * 1.  | 
| 356 | 
            -
             * 2.  | 
| 376 | 
            +
             * 1. Remove default vertical scrollbar in IE 8/9.
         | 
| 377 | 
            +
             * 2. Improve readability and alignment in all browsers.
         | 
| 357 378 | 
             
             */
         | 
| 358 379 |  | 
| 359 380 | 
             
            textarea {
         | 
| @@ -15,89 +15,89 @@ | |
| 15 15 | 
             
                /**
         | 
| 16 16 | 
             
                 * Whole
         | 
| 17 17 | 
             
                 */
         | 
| 18 | 
            -
                .pull--#{$namespace}one-whole           {  | 
| 18 | 
            +
                .pull--#{$namespace}one-whole           { right:100%; }
         | 
| 19 19 |  | 
| 20 20 |  | 
| 21 21 | 
             
                /**
         | 
| 22 22 | 
             
                 * Halves
         | 
| 23 23 | 
             
                 */
         | 
| 24 | 
            -
                .pull--#{$namespace}one-half            {  | 
| 24 | 
            +
                .pull--#{$namespace}one-half            { right:50%; }
         | 
| 25 25 |  | 
| 26 26 |  | 
| 27 27 | 
             
                /**
         | 
| 28 28 | 
             
                 * Thirds
         | 
| 29 29 | 
             
                 */
         | 
| 30 | 
            -
                .pull--#{$namespace}one-third           {  | 
| 31 | 
            -
                .pull--#{$namespace}two-thirds          {  | 
| 30 | 
            +
                .pull--#{$namespace}one-third           { right:33.333%; }
         | 
| 31 | 
            +
                .pull--#{$namespace}two-thirds          { right:66.666%; }
         | 
| 32 32 |  | 
| 33 33 |  | 
| 34 34 | 
             
                /**
         | 
| 35 35 | 
             
                 * Quarters
         | 
| 36 36 | 
             
                 */
         | 
| 37 | 
            -
                .pull--#{$namespace}one-quarter         {  | 
| 37 | 
            +
                .pull--#{$namespace}one-quarter         { right:25%; }
         | 
| 38 38 | 
             
                .pull--#{$namespace}two-quarters        { @extend .pull--#{$namespace}one-half; }
         | 
| 39 | 
            -
                .pull--#{$namespace}three-quarters      {  | 
| 39 | 
            +
                .pull--#{$namespace}three-quarters      { right:75%; }
         | 
| 40 40 |  | 
| 41 41 |  | 
| 42 42 | 
             
                /**
         | 
| 43 43 | 
             
                 * Fifths
         | 
| 44 44 | 
             
                 */
         | 
| 45 | 
            -
                .pull--#{$namespace}one-fifth           {  | 
| 46 | 
            -
                .pull--#{$namespace}two-fifths          {  | 
| 47 | 
            -
                .pull--#{$namespace}three-fifths        {  | 
| 48 | 
            -
                .pull--#{$namespace}four-fifths         {  | 
| 45 | 
            +
                .pull--#{$namespace}one-fifth           { right:20%; }
         | 
| 46 | 
            +
                .pull--#{$namespace}two-fifths          { right:40%; }
         | 
| 47 | 
            +
                .pull--#{$namespace}three-fifths        { right:60%; }
         | 
| 48 | 
            +
                .pull--#{$namespace}four-fifths         { right:80%; }
         | 
| 49 49 |  | 
| 50 50 |  | 
| 51 51 | 
             
                /**
         | 
| 52 52 | 
             
                 * Sixths
         | 
| 53 53 | 
             
                 */
         | 
| 54 | 
            -
                .pull--#{$namespace}one-sixth           {  | 
| 54 | 
            +
                .pull--#{$namespace}one-sixth           { right:16.666%; }
         | 
| 55 55 | 
             
                .pull--#{$namespace}two-sixths          { @extend .pull--#{$namespace}one-third; }
         | 
| 56 56 | 
             
                .pull--#{$namespace}three-sixths        { @extend .pull--#{$namespace}one-half; }
         | 
| 57 57 | 
             
                .pull--#{$namespace}four-sixths         { @extend .pull--#{$namespace}two-thirds; }
         | 
| 58 | 
            -
                .pull--#{$namespace}five-sixths         {  | 
| 58 | 
            +
                .pull--#{$namespace}five-sixths         { right:83.333%; }
         | 
| 59 59 |  | 
| 60 60 |  | 
| 61 61 | 
             
                /**
         | 
| 62 62 | 
             
                 * Eighths
         | 
| 63 63 | 
             
                 */
         | 
| 64 | 
            -
                .pull--#{$namespace}one-eighth          {  | 
| 64 | 
            +
                .pull--#{$namespace}one-eighth          { right:12.5%; }
         | 
| 65 65 | 
             
                .pull--#{$namespace}two-eighths         { @extend .pull--#{$namespace}one-quarter; }
         | 
| 66 | 
            -
                .pull--#{$namespace}three-eighths       {  | 
| 66 | 
            +
                .pull--#{$namespace}three-eighths       { right:37.5%; }
         | 
| 67 67 | 
             
                .pull--#{$namespace}four-eighths        { @extend .pull--#{$namespace}one-half; }
         | 
| 68 | 
            -
                .pull--#{$namespace}five-eighths        {  | 
| 68 | 
            +
                .pull--#{$namespace}five-eighths        { right:62.5%; }
         | 
| 69 69 | 
             
                .pull--#{$namespace}six-eighths         { @extend .pull--#{$namespace}three-quarters; }
         | 
| 70 | 
            -
                .pull--#{$namespace}seven-eighths       {  | 
| 70 | 
            +
                .pull--#{$namespace}seven-eighths       { right:87.5%; }
         | 
| 71 71 |  | 
| 72 72 |  | 
| 73 73 | 
             
                /**
         | 
| 74 74 | 
             
                 * Tenths
         | 
| 75 75 | 
             
                 */
         | 
| 76 | 
            -
                .pull--#{$namespace}one-tenth           {  | 
| 76 | 
            +
                .pull--#{$namespace}one-tenth           { right:10%; }
         | 
| 77 77 | 
             
                .pull--#{$namespace}two-tenths          { @extend .pull--#{$namespace}one-fifth; }
         | 
| 78 | 
            -
                .pull--#{$namespace}three-tenths        {  | 
| 78 | 
            +
                .pull--#{$namespace}three-tenths        { right:30%; }
         | 
| 79 79 | 
             
                .pull--#{$namespace}four-tenths         { @extend .pull--#{$namespace}two-fifths; }
         | 
| 80 80 | 
             
                .pull--#{$namespace}five-tenths         { @extend .pull--#{$namespace}one-half; }
         | 
| 81 81 | 
             
                .pull--#{$namespace}six-tenths          { @extend .pull--#{$namespace}three-fifths; }
         | 
| 82 | 
            -
                .pull--#{$namespace}seven-tenths        {  | 
| 82 | 
            +
                .pull--#{$namespace}seven-tenths        { right:70%; }
         | 
| 83 83 | 
             
                .pull--#{$namespace}eight-tenths        { @extend .pull--#{$namespace}four-fifths; }
         | 
| 84 | 
            -
                .pull--#{$namespace}nine-tenths         {  | 
| 84 | 
            +
                .pull--#{$namespace}nine-tenths         { right:90%; }
         | 
| 85 85 |  | 
| 86 86 |  | 
| 87 87 | 
             
                /**
         | 
| 88 88 | 
             
                 * Twelfths
         | 
| 89 89 | 
             
                 */
         | 
| 90 | 
            -
                .pull--#{$namespace}one-twelfth         {  | 
| 90 | 
            +
                .pull--#{$namespace}one-twelfth         { right:8.333%; }
         | 
| 91 91 | 
             
                .pull--#{$namespace}two-twelfths        { @extend .pull--#{$namespace}one-sixth; }
         | 
| 92 92 | 
             
                .pull--#{$namespace}three-twelfths      { @extend .pull--#{$namespace}one-quarter; }
         | 
| 93 93 | 
             
                .pull--#{$namespace}four-twelfths       { @extend .pull--#{$namespace}one-third; }
         | 
| 94 | 
            -
                .pull--#{$namespace}five-twelfths       {  | 
| 94 | 
            +
                .pull--#{$namespace}five-twelfths       { right:41.666% }
         | 
| 95 95 | 
             
                .pull--#{$namespace}six-twelfths        { @extend .pull--#{$namespace}one-half; }
         | 
| 96 | 
            -
                .pull--#{$namespace}seven-twelfths      {  | 
| 96 | 
            +
                .pull--#{$namespace}seven-twelfths      { right:58.333%; }
         | 
| 97 97 | 
             
                .pull--#{$namespace}eight-twelfths      { @extend .pull--#{$namespace}two-thirds; }
         | 
| 98 98 | 
             
                .pull--#{$namespace}nine-twelfths       { @extend .pull--#{$namespace}three-quarters; }
         | 
| 99 99 | 
             
                .pull--#{$namespace}ten-twelfths        { @extend .pull--#{$namespace}five-sixths; }
         | 
| 100 | 
            -
                .pull--#{$namespace}eleven-twelfths     {  | 
| 100 | 
            +
                .pull--#{$namespace}eleven-twelfths     { right:91.666%; }
         | 
| 101 101 | 
             
            }
         | 
| 102 102 |  | 
| 103 103 | 
             
            @include pull-setup();
         | 
| @@ -136,4 +136,19 @@ | |
| 136 136 | 
             
                @include grid-setup("desk-");
         | 
| 137 137 | 
             
            }
         | 
| 138 138 |  | 
| 139 | 
            +
             | 
| 140 | 
            +
            /**
         | 
| 141 | 
            +
             * If you have set the additional `$responsive-extra` variable to ‘true’ in
         | 
| 142 | 
            +
             * `_vars.scss` then you now have access to the following class available to
         | 
| 143 | 
            +
             * accomodate much larger screen resolutions.
         | 
| 144 | 
            +
             */
         | 
| 145 | 
            +
             | 
| 146 | 
            +
            @if $responsive-extra == true{
         | 
| 147 | 
            +
             | 
| 148 | 
            +
            @include media-query(desk-wide){
         | 
| 149 | 
            +
                @include grid-setup("deskwide-");
         | 
| 150 | 
            +
            }
         | 
| 151 | 
            +
             | 
| 152 | 
            +
            }
         | 
| 153 | 
            +
             | 
| 139 154 | 
             
            } /* endif */
         | 
| @@ -7,8 +7,8 @@ | |
| 7 7 | 
             
             * generate these arbitrarily with a mixin, `@arrow()`.
         | 
| 8 8 | 
             
             */
         | 
| 9 9 |  | 
| 10 | 
            -
            $arrow-size:            $half-spacing-unit;
         | 
| 11 | 
            -
            $arrow-border:          1;
         | 
| 10 | 
            +
            $arrow-size:            $half-spacing-unit!default;
         | 
| 11 | 
            +
            $arrow-border:          1!default;
         | 
| 12 12 | 
             
            $border:                $arrow-size;
         | 
| 13 13 | 
             
            $arrow:                 $arrow-size - $arrow-border;
         | 
| 14 14 |  | 
| @@ -140,4 +140,4 @@ $arrow:                 $arrow-size - $arrow-border; | |
| 140 140 | 
             
                &:after{
         | 
| 141 141 | 
             
                    left:100%;
         | 
| 142 142 | 
             
                }
         | 
| 143 | 
            -
            }
         | 
| 143 | 
            +
            }
         | 
| @@ -73,21 +73,28 @@ | |
| 73 73 |  | 
| 74 74 |  | 
| 75 75 | 
             
            /**
         | 
| 76 | 
            -
             * Give nav links a big, blocky hit area. Extends `.nav | 
| 77 | 
            -
             * caused by `inline-block` elements collapsing e.g.:
         | 
| 76 | 
            +
             * Give nav links a big, blocky hit area. Extends `.nav`, e.g.:
         | 
| 78 77 | 
             
             * 
         | 
| 79 78 | 
             
               <ul class="nav  nav--block">
         | 
| 80 | 
            -
                   <li><a href=#>Home</a></li | 
| 81 | 
            -
             | 
| 82 | 
            -
             | 
| 83 | 
            -
             | 
| 79 | 
            +
                   <li><a href=#>Home</a></li>
         | 
| 80 | 
            +
                   <li><a href=#>About</a></li>
         | 
| 81 | 
            +
                   <li><a href=#>Portfolio</a></li>
         | 
| 82 | 
            +
                   <li><a href=#>Contact</a></li>
         | 
| 84 83 | 
             
               </ul>
         | 
| 85 84 | 
             
             * 
         | 
| 86 85 | 
             
             */
         | 
| 87 86 | 
             
            .nav--block{
         | 
| 88 87 | 
             
                line-height:1;
         | 
| 88 | 
            +
                /**
         | 
| 89 | 
            +
                 * Remove whitespace caused by `inline-block`.
         | 
| 90 | 
            +
                 */
         | 
| 91 | 
            +
                letter-spacing:-0.31em;
         | 
| 92 | 
            +
                word-spacing:-0.43em;
         | 
| 93 | 
            +
                white-space:nowrap;
         | 
| 89 94 |  | 
| 90 95 | 
             
                > li{
         | 
| 96 | 
            +
                    letter-spacing:normal;
         | 
| 97 | 
            +
                    word-spacing:normal;
         | 
| 91 98 |  | 
| 92 99 | 
             
                    > a{
         | 
| 93 100 | 
             
                        padding:$half-spacing-unit;
         | 
| @@ -7,10 +7,10 @@ | |
| 7 7 | 
             
             * in your theme stylesheet.
         | 
| 8 8 | 
             
             * 
         | 
| 9 9 | 
             
              <ul class="nav  options">
         | 
| 10 | 
            -
                  <li><a></a></li | 
| 11 | 
            -
             | 
| 12 | 
            -
             | 
| 13 | 
            -
             | 
| 10 | 
            +
                  <li><a></a></li>
         | 
| 11 | 
            +
                  <li><a></a></li>
         | 
| 12 | 
            +
                  <li><a></a></li>
         | 
| 13 | 
            +
                  <li><a></a></li>
         | 
| 14 14 | 
             
               </ul>
         | 
| 15 15 | 
             
             * 
         | 
| 16 16 | 
             
             * Demo: jsfiddle.net/inuitcss/vwfaf
         | 
| @@ -29,11 +29,13 @@ | |
| 29 29 |  | 
| 30 30 | 
             
                    &:first-child > a{
         | 
| 31 31 | 
             
                        border-left-width:1px;
         | 
| 32 | 
            -
                        border-radius:$brand-round | 
| 32 | 
            +
                        border-top-left-radius:$brand-round;
         | 
| 33 | 
            +
                        border-bottom-left-radius:$brand-round;
         | 
| 33 34 | 
             
                    }
         | 
| 34 35 |  | 
| 35 36 | 
             
                    &:last-child > a{
         | 
| 36 | 
            -
                        border-radius | 
| 37 | 
            +
                        border-top-right-radius:$brand-round;
         | 
| 38 | 
            +
                        border-bottom-right-radius:$brand-round;
         | 
| 37 39 | 
             
                    }
         | 
| 38 40 | 
             
                }
         | 
| 39 41 | 
             
            }
         | 
| @@ -7,15 +7,15 @@ | |
| 7 7 | 
             
             * `display:inline-block;` rules.
         | 
| 8 8 | 
             
             * 
         | 
| 9 9 | 
             
               <ol class="nav  pagination">
         | 
| 10 | 
            -
                   <li class=pagination__first>First</li | 
| 11 | 
            -
             | 
| 12 | 
            -
             | 
| 13 | 
            -
             | 
| 14 | 
            -
             | 
| 15 | 
            -
             | 
| 16 | 
            -
             | 
| 17 | 
            -
             | 
| 18 | 
            -
             | 
| 10 | 
            +
                   <li class=pagination__first>First</li>
         | 
| 11 | 
            +
                   <li class=pagination__prev>Previous</li>
         | 
| 12 | 
            +
                   <li><a href=/page/1>1</a></li>
         | 
| 13 | 
            +
                   <li><a href=/page/2>2</a></li>
         | 
| 14 | 
            +
                   <li class=current><a href=/page/3>3</a></li>
         | 
| 15 | 
            +
                   <li><a href=/page/4>4</a></li>
         | 
| 16 | 
            +
                   <li><a href=/page/5>5</a></li>
         | 
| 17 | 
            +
                   <li class=pagination__next><a href=/page/next>Next</a></li>
         | 
| 18 | 
            +
                   <li class=pagination__last><a href=/page/last>Last</a></li>
         | 
| 19 19 | 
             
               </ol>
         | 
| 20 20 | 
             
             * 
         | 
| 21 21 | 
             
             * Demo: jsfiddle.net/inuitcss/9Y6PU
         | 
| @@ -23,9 +23,16 @@ | |
| 23 23 | 
             
             */
         | 
| 24 24 | 
             
            .pagination{
         | 
| 25 25 | 
             
                text-align:center;
         | 
| 26 | 
            +
                /**
         | 
| 27 | 
            +
                 * Remove whitespace caused by `inline-block`.
         | 
| 28 | 
            +
                 */
         | 
| 29 | 
            +
                letter-spacing:-0.31em;
         | 
| 30 | 
            +
                word-spacing:-0.43em;
         | 
| 26 31 | 
             
            }
         | 
| 27 32 | 
             
                .pagination > li{
         | 
| 28 33 | 
             
                    padding:$base-spacing-unit / 2;
         | 
| 34 | 
            +
                    letter-spacing:normal;
         | 
| 35 | 
            +
                    word-spacing:normal;
         | 
| 29 36 | 
             
                }
         | 
| 30 37 | 
             
                    .pagination > li > a{
         | 
| 31 38 | 
             
                        padding:$base-spacing-unit / 2;
         | 
    
        metadata
    CHANGED
    
    | @@ -1,7 +1,7 @@ | |
| 1 1 | 
             
            --- !ruby/object:Gem::Specification
         | 
| 2 2 | 
             
            name: compass-inuit
         | 
| 3 3 | 
             
            version: !ruby/object:Gem::Version
         | 
| 4 | 
            -
              version: 4.5. | 
| 4 | 
            +
              version: 4.5.5
         | 
| 5 5 | 
             
              prerelease: 
         | 
| 6 6 | 
             
            platform: ruby
         | 
| 7 7 | 
             
            authors:
         | 
| @@ -9,24 +9,8 @@ authors: | |
| 9 9 | 
             
            autorequire: 
         | 
| 10 10 | 
             
            bindir: bin
         | 
| 11 11 | 
             
            cert_chain: []
         | 
| 12 | 
            -
            date: 2013- | 
| 12 | 
            +
            date: 2013-02-09 00:00:00.000000000 Z
         | 
| 13 13 | 
             
            dependencies:
         | 
| 14 | 
            -
            - !ruby/object:Gem::Dependency
         | 
| 15 | 
            -
              name: sass
         | 
| 16 | 
            -
              requirement: !ruby/object:Gem::Requirement
         | 
| 17 | 
            -
                none: false
         | 
| 18 | 
            -
                requirements:
         | 
| 19 | 
            -
                - - ! '>='
         | 
| 20 | 
            -
                  - !ruby/object:Gem::Version
         | 
| 21 | 
            -
                    version: '3.2'
         | 
| 22 | 
            -
              type: :runtime
         | 
| 23 | 
            -
              prerelease: false
         | 
| 24 | 
            -
              version_requirements: !ruby/object:Gem::Requirement
         | 
| 25 | 
            -
                none: false
         | 
| 26 | 
            -
                requirements:
         | 
| 27 | 
            -
                - - ! '>='
         | 
| 28 | 
            -
                  - !ruby/object:Gem::Version
         | 
| 29 | 
            -
                    version: '3.2'
         | 
| 30 14 | 
             
            - !ruby/object:Gem::Dependency
         | 
| 31 15 | 
             
              name: compass
         | 
| 32 16 | 
             
              requirement: !ruby/object:Gem::Requirement
         |