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
|