compass-inuit 4.5.4.1 → 4.5.5

Sign up to get free protection for your applications and to get access to all the features.
@@ -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