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.
@@ -4,11 +4,20 @@
4
4
  /**
5
5
  * Demo: jsfiddle.net/inuitcss/yMtur
6
6
  */
7
+ /**
8
+ * Fluid images.
9
+ */
7
10
  img{
8
- @if $flexible-media == true{
9
- max-width:100%;
10
- height:auto;
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 `.fl` class to the markup.
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
- .fr { float:right; }
11
- .fl { float:left; }
13
+ .float--right { float:right!important; }
14
+ .float--left { float:left !important; }
12
15
 
13
- .text-center,
14
- .text-centre{
15
- text-align:center;
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
- /* normalize.css v2.0.1 | MIT License | git.io/normalize */
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
- * Corrects `block` display not defined in IE 8/9.
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
- * Corrects `inline-block` display not defined in IE 8/9.
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
- * Prevents modern browsers from displaying `audio` without controls.
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
- * Addresses styling for `hidden` attribute not present in IE 8/9.
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. Sets default font family to sans-serif.
59
- * 2. Prevents iOS text size adjust after orientation change, without disabling
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
- * Removes default margin.
71
+ * Remove default margin.
71
72
  */
72
73
 
73
74
  body {
@@ -79,7 +80,7 @@ body {
79
80
  ========================================================================== */
80
81
 
81
82
  /*
82
- * Addresses `outline` inconsistency between Chrome and other browsers.
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
- * Improves readability when focused and also mouse hovered in all browsers.
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
- * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
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
- * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
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
- * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
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
- * Addresses styling not present in Safari 5 and Chrome.
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
- * Addresses styling not present in IE 8/9.
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
- * Corrects font family set oddly in Safari 5 and Chrome.
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
- * Improves readability of pre-formatted text in all browsers.
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
- * Sets consistent quote types.
178
+ * Set consistent quote types.
170
179
  */
171
180
 
172
181
  q {
@@ -174,7 +183,7 @@ q {
174
183
  }
175
184
 
176
185
  /*
177
- * Addresses inconsistent and variable font size in all browsers.
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
- * Prevents `sub` and `sup` affecting `line-height` in all browsers.
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
- * Removes border when inside `a` element in IE 8/9.
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
- * Corrects overflow displayed oddly in IE 9.
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
- * Addresses margin not present in IE 8/9 and Safari 5.
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. Corrects color not being inherited in IE 8/9.
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. Corrects font family not being inherited in all browsers.
262
- * 2. Corrects font size not being inherited in all browsers.
263
- * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
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
- * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
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. Corrects inability to style clickable `input` types in iOS.
289
- * 3. Improves usability and consistency of cursor style between image-type
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. Addresses box sizing set to `content-box` in IE 8/9.
312
- * 2. Removes excess padding in IE 8/9.
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. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
323
- * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
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
- * Removes inner padding and search cancel button in Safari 5 and Chrome
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
- * Removes inner padding and border in Firefox 4+.
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. Removes default vertical scrollbar in IE 8/9.
356
- * 2. Improves readability and alignment in all browsers.
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 { @extend .pull--#{$namespace}; right:100%; }
18
+ .pull--#{$namespace}one-whole { right:100%; }
19
19
 
20
20
 
21
21
  /**
22
22
  * Halves
23
23
  */
24
- .pull--#{$namespace}one-half { @extend .pull--#{$namespace}; right:50%; }
24
+ .pull--#{$namespace}one-half { right:50%; }
25
25
 
26
26
 
27
27
  /**
28
28
  * Thirds
29
29
  */
30
- .pull--#{$namespace}one-third { @extend .pull--#{$namespace}; right:33.333%; }
31
- .pull--#{$namespace}two-thirds { @extend .pull--#{$namespace}; right:66.666%; }
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 { @extend .pull--#{$namespace}; right:25%; }
37
+ .pull--#{$namespace}one-quarter { right:25%; }
38
38
  .pull--#{$namespace}two-quarters { @extend .pull--#{$namespace}one-half; }
39
- .pull--#{$namespace}three-quarters { @extend .pull--#{$namespace}; right:75%; }
39
+ .pull--#{$namespace}three-quarters { right:75%; }
40
40
 
41
41
 
42
42
  /**
43
43
  * Fifths
44
44
  */
45
- .pull--#{$namespace}one-fifth { @extend .pull--#{$namespace}; right:20%; }
46
- .pull--#{$namespace}two-fifths { @extend .pull--#{$namespace}; right:40%; }
47
- .pull--#{$namespace}three-fifths { @extend .pull--#{$namespace}; right:60%; }
48
- .pull--#{$namespace}four-fifths { @extend .pull--#{$namespace}; right:80%; }
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 { @extend .pull--#{$namespace}; right:16.666%; }
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 { @extend .pull--#{$namespace}; right:83.333%; }
58
+ .pull--#{$namespace}five-sixths { right:83.333%; }
59
59
 
60
60
 
61
61
  /**
62
62
  * Eighths
63
63
  */
64
- .pull--#{$namespace}one-eighth { @extend .pull--#{$namespace}; right:12.5%; }
64
+ .pull--#{$namespace}one-eighth { right:12.5%; }
65
65
  .pull--#{$namespace}two-eighths { @extend .pull--#{$namespace}one-quarter; }
66
- .pull--#{$namespace}three-eighths { @extend .pull--#{$namespace}; right:37.5%; }
66
+ .pull--#{$namespace}three-eighths { right:37.5%; }
67
67
  .pull--#{$namespace}four-eighths { @extend .pull--#{$namespace}one-half; }
68
- .pull--#{$namespace}five-eighths { @extend .pull--#{$namespace}; right:62.5%; }
68
+ .pull--#{$namespace}five-eighths { right:62.5%; }
69
69
  .pull--#{$namespace}six-eighths { @extend .pull--#{$namespace}three-quarters; }
70
- .pull--#{$namespace}seven-eighths { @extend .pull--#{$namespace}; right:87.5%; }
70
+ .pull--#{$namespace}seven-eighths { right:87.5%; }
71
71
 
72
72
 
73
73
  /**
74
74
  * Tenths
75
75
  */
76
- .pull--#{$namespace}one-tenth { @extend .pull--#{$namespace}; right:10%; }
76
+ .pull--#{$namespace}one-tenth { right:10%; }
77
77
  .pull--#{$namespace}two-tenths { @extend .pull--#{$namespace}one-fifth; }
78
- .pull--#{$namespace}three-tenths { @extend .pull--#{$namespace}; right:30%; }
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 { @extend .pull--#{$namespace}; right:70%; }
82
+ .pull--#{$namespace}seven-tenths { right:70%; }
83
83
  .pull--#{$namespace}eight-tenths { @extend .pull--#{$namespace}four-fifths; }
84
- .pull--#{$namespace}nine-tenths { @extend .pull--#{$namespace}; right:90%; }
84
+ .pull--#{$namespace}nine-tenths { right:90%; }
85
85
 
86
86
 
87
87
  /**
88
88
  * Twelfths
89
89
  */
90
- .pull--#{$namespace}one-twelfth { @extend .pull--#{$namespace}; right:8.333%; }
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 { @extend .pull--#{$namespace}; right:41.666% }
94
+ .pull--#{$namespace}five-twelfths { right:41.666% }
95
95
  .pull--#{$namespace}six-twelfths { @extend .pull--#{$namespace}one-half; }
96
- .pull--#{$namespace}seven-twelfths { @extend .pull--#{$namespace}; right:58.333%; }
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 { @extend .pull--#{$namespace}; right:91.666%; }
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` and needs whitespace
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
- --><li><a href=#>About</a></li><!--
82
- --><li><a href=#>Portfolio</a></li><!--
83
- --><li><a href=#>Contact</a></li>
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
- --><li><a></a></li><!--
12
- --><li><a></a></li><!--
13
- --><li><a></a></li>
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 0 0 $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:0 $brand-round $brand-round 0;
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
- --><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>
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;
@@ -95,4 +95,4 @@ html{
95
95
  }
96
96
  .footer{
97
97
  margin-bottom: 0;
98
- }
98
+ }
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.1
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-01-06 00:00:00.000000000 Z
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