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.
- 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
|