compass-inuit 4.3.6 → 4.4.1
Sign up to get free protection for your applications and to get access to all the features.
- data/stylesheets/_compass-inuit.scss +3 -13
- data/stylesheets/partials/_base.scss +8 -8
- data/stylesheets/partials/_generic.scss +1 -7
- data/stylesheets/partials/_helpers.scss +9 -0
- data/stylesheets/partials/_objects.scss +20 -17
- data/stylesheets/partials/base/_code.scss +0 -0
- data/stylesheets/partials/base/_forms.scss +0 -0
- data/stylesheets/partials/base/_headings.scss +0 -0
- data/stylesheets/partials/base/_images.scss +0 -0
- data/stylesheets/partials/base/_links.scss +1 -1
- data/stylesheets/partials/base/_lists.scss +0 -0
- data/stylesheets/partials/base/_main.scss +0 -0
- data/stylesheets/partials/base/_paragraphs.scss +0 -0
- data/stylesheets/partials/base/_quotes.scss +0 -0
- data/stylesheets/partials/base/_smallprint.scss +0 -0
- data/stylesheets/partials/base/_tables.scss +0 -0
- data/stylesheets/partials/generic/_brand.scss +0 -0
- data/stylesheets/partials/generic/_clearfix.scss +0 -0
- data/stylesheets/partials/generic/_debug.scss +0 -0
- data/stylesheets/partials/generic/_helper.scss +0 -0
- data/stylesheets/partials/generic/_mixins.scss +0 -0
- data/stylesheets/partials/generic/_normalize.scss +0 -0
- data/stylesheets/partials/generic/_pull.scss +102 -70
- data/stylesheets/partials/generic/_push.scss +101 -69
- data/stylesheets/partials/generic/_reset.scss +0 -0
- data/stylesheets/partials/generic/_shared.scss +0 -0
- data/stylesheets/partials/generic/_widths.scss +86 -86
- data/stylesheets/partials/objects/_arrows.scss +0 -0
- data/stylesheets/partials/objects/_block-list.scss +0 -0
- data/stylesheets/partials/objects/_breadcrumb.scss +0 -0
- data/stylesheets/partials/objects/_buttons.scss +0 -0
- data/stylesheets/partials/objects/_columns.scss +0 -0
- data/stylesheets/partials/objects/_flexbox.scss +0 -0
- data/stylesheets/partials/objects/_flyout.scss +0 -0
- data/stylesheets/partials/objects/_greybox.scss +0 -0
- data/stylesheets/partials/objects/_grids.scss +2 -2
- data/stylesheets/partials/objects/_icon-text.scss +2 -2
- data/stylesheets/partials/objects/_island.scss +0 -0
- data/stylesheets/partials/objects/_link-complex.scss +0 -0
- data/stylesheets/partials/objects/_lozenges.scss +0 -0
- data/stylesheets/partials/objects/_marginalia.scss +0 -0
- data/stylesheets/partials/objects/_matrix.scss +0 -0
- data/stylesheets/partials/objects/_media.scss +0 -0
- data/stylesheets/partials/objects/_nav.scss +0 -0
- data/stylesheets/partials/objects/_options.scss +0 -0
- data/stylesheets/partials/objects/_pagination.scss +0 -0
- data/stylesheets/partials/objects/_rules.scss +0 -0
- data/stylesheets/partials/objects/_split.scss +0 -0
- data/stylesheets/partials/objects/_sprite.scss +0 -0
- data/stylesheets/partials/objects/_stats.scss +0 -0
- data/stylesheets/partials/objects/_this-or-this.scss +0 -0
- data/templates/project/sass/_vars.scss +5 -1
- data/templates/project/sass/your-project.scss +6 -2
- metadata +3 -2
@@ -140,21 +140,11 @@
|
|
140
140
|
/*------------------------------------*\
|
141
141
|
$IMPORTS
|
142
142
|
\*------------------------------------*/
|
143
|
-
|
144
|
-
* Generic utility styles etc.
|
145
|
-
* Style trumps; helper and brand classes
|
146
|
-
*/
|
143
|
+
|
147
144
|
@import "partials/generic";
|
148
145
|
|
149
|
-
/**
|
150
|
-
* Base styles; unclassed HTML elements etc.
|
151
|
-
*/
|
152
146
|
@import "partials/base";
|
153
147
|
|
154
|
-
/**
|
155
|
-
* Objects and abstractions
|
156
|
-
*
|
157
|
-
* Single-line comment (//) out any objects you do not need in your project.
|
158
|
-
*/
|
159
148
|
@import "partials/objects";
|
160
|
-
|
149
|
+
|
150
|
+
@import "partials/helpers";
|
@@ -1,14 +1,14 @@
|
|
1
1
|
/**
|
2
2
|
* Base styles; unclassed HTML elements etc.
|
3
3
|
*/
|
4
|
-
@import "partials/base/code";
|
5
|
-
@import "partials/base/forms";
|
6
|
-
@import "partials/base/headings";
|
7
|
-
@import "partials/base/images";
|
8
|
-
@import "partials/base/links";
|
9
|
-
@import "partials/base/lists";
|
10
4
|
@import "partials/base/main";
|
5
|
+
@import "partials/base/headings";
|
11
6
|
@import "partials/base/paragraphs";
|
12
|
-
@import "partials/base/quotes";
|
13
7
|
@import "partials/base/smallprint";
|
14
|
-
@import "partials/base/
|
8
|
+
@import "partials/base/quotes";
|
9
|
+
@import "partials/base/code";
|
10
|
+
@import "partials/base/links";
|
11
|
+
@import "partials/base/images";
|
12
|
+
@import "partials/base/lists";
|
13
|
+
@import "partials/base/tables";
|
14
|
+
@import "partials/base/forms";
|
@@ -1,14 +1,8 @@
|
|
1
1
|
/**
|
2
2
|
* Generic utility styles etc.
|
3
3
|
*/
|
4
|
-
@import "partials/generic/brand";
|
5
|
-
@import "partials/generic/clearfix";
|
6
|
-
@import "partials/generic/debug";
|
7
|
-
@import "partials/generic/helper";
|
8
4
|
@import "partials/generic/mixins";
|
9
5
|
@import "partials/generic/normalize";
|
10
|
-
@import "partials/generic/pull";
|
11
|
-
@import "partials/generic/push";
|
12
6
|
@import "partials/generic/reset";
|
7
|
+
@import "partials/generic/clearfix";
|
13
8
|
@import "partials/generic/shared";
|
14
|
-
@import "partials/generic/widths";
|
@@ -0,0 +1,9 @@
|
|
1
|
+
/**
|
2
|
+
* Style trumps; helper and brand classes
|
3
|
+
*/
|
4
|
+
@import "partials/generic/widths";
|
5
|
+
@import "partials/generic/push";
|
6
|
+
@import "partials/generic/pull";
|
7
|
+
@import "partials/generic/brand";
|
8
|
+
@import "partials/generic/helper";
|
9
|
+
@import "partials/generic/debug";
|
@@ -1,27 +1,30 @@
|
|
1
1
|
/**
|
2
2
|
* Objects and abstractions
|
3
|
+
*
|
4
|
+
* Single-line comment (//) out any objects you do not need in your project.
|
3
5
|
*/
|
4
|
-
@import "partials/objects/arrows";
|
5
|
-
@import "partials/objects/block-list";
|
6
|
-
@import "partials/objects/breadcrumb";
|
7
|
-
@import "partials/objects/buttons";
|
8
|
-
@import "partials/objects/columns";
|
9
|
-
@import "partials/objects/flexbox";
|
10
|
-
@import "partials/objects/flyout";
|
11
|
-
@import "partials/objects/greybox";
|
12
6
|
@import "partials/objects/grids";
|
13
|
-
@import "partials/objects/
|
14
|
-
@import "partials/objects/
|
15
|
-
@import "partials/objects/link-complex";
|
16
|
-
@import "partials/objects/lozenges";
|
17
|
-
@import "partials/objects/marginalia";
|
18
|
-
@import "partials/objects/matrix";
|
19
|
-
@import "partials/objects/media";
|
7
|
+
@import "partials/objects/flexbox";
|
8
|
+
@import "partials/objects/columns";
|
20
9
|
@import "partials/objects/nav";
|
21
10
|
@import "partials/objects/options";
|
22
11
|
@import "partials/objects/pagination";
|
23
|
-
@import "partials/objects/
|
12
|
+
@import "partials/objects/breadcrumb";
|
13
|
+
@import "partials/objects/media";
|
14
|
+
@import "partials/objects/marginalia";
|
15
|
+
@import "partials/objects/island";
|
16
|
+
@import "partials/objects/block-list";
|
17
|
+
@import "partials/objects/matrix";
|
24
18
|
@import "partials/objects/split";
|
19
|
+
// @import "example/unnecessary/file";
|
20
|
+
@import "partials/objects/this-or-this";
|
21
|
+
@import "partials/objects/link-complex";
|
22
|
+
@import "partials/objects/flyout";
|
23
|
+
@import "partials/objects/arrows";
|
25
24
|
@import "partials/objects/sprite";
|
25
|
+
@import "partials/objects/icon-text";
|
26
|
+
@import "partials/objects/buttons";
|
27
|
+
@import "partials/objects/lozenges";
|
28
|
+
@import "partials/objects/rules";
|
26
29
|
@import "partials/objects/stats";
|
27
|
-
@import "partials/objects/
|
30
|
+
@import "partials/objects/greybox";
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
@@ -2,90 +2,122 @@
|
|
2
2
|
$PULL
|
3
3
|
\*------------------------------------*/
|
4
4
|
/**
|
5
|
-
* Pull classes, to move grid items over to the
|
5
|
+
* Pull classes, to move grid items over to the right by certain amounts.
|
6
6
|
*/
|
7
|
-
|
8
|
-
position:relative;
|
9
|
-
}
|
10
|
-
|
11
|
-
|
7
|
+
|
12
8
|
/**
|
13
|
-
*
|
9
|
+
* Not a particularly great selector, but the DRYest way to do things.
|
14
10
|
*/
|
15
|
-
|
11
|
+
[class*="pull--"]{ position:relative; }
|
16
12
|
|
13
|
+
@mixin pull-setup($namespace: "") {
|
17
14
|
|
18
|
-
/**
|
19
|
-
|
20
|
-
|
21
|
-
.pull
|
22
|
-
.pull--two-thirds { @extend .pull; right:66.666%; }
|
15
|
+
/**
|
16
|
+
* Whole
|
17
|
+
*/
|
18
|
+
.pull--#{$namespace}one-whole { @extend .pull--#{$namespace}; right:100%; }
|
23
19
|
|
24
20
|
|
25
|
-
/**
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
.pull--two-quarters { @extend .pull--one-half; }
|
30
|
-
.pull--three-quarters { @extend .pull; right:75%; }
|
21
|
+
/**
|
22
|
+
* Halves
|
23
|
+
*/
|
24
|
+
.pull--#{$namespace}one-half { @extend .pull--#{$namespace}; right:50%; }
|
31
25
|
|
32
26
|
|
33
|
-
/**
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
.pull--three-fifths { @extend .pull; right:60%; }
|
39
|
-
.pull--four-fifths { @extend .pull; right:80%; }
|
27
|
+
/**
|
28
|
+
* Thirds
|
29
|
+
*/
|
30
|
+
.pull--#{$namespace}one-third { @extend .pull--#{$namespace}; right:33.333%; }
|
31
|
+
.pull--#{$namespace}two-thirds { @extend .pull--#{$namespace}; right:66.666%; }
|
40
32
|
|
41
33
|
|
42
|
-
/**
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
.pull
|
48
|
-
.pull--four-sixths { @extend .pull--two-thirds; }
|
49
|
-
.pull--five-sixths { @extend .pull; right:83.333%; }
|
34
|
+
/**
|
35
|
+
* Quarters
|
36
|
+
*/
|
37
|
+
.pull--#{$namespace}one-quarter { @extend .pull--#{$namespace}; right:25%; }
|
38
|
+
.pull--#{$namespace}two-quarters { @extend .pull--#{$namespace}one-half; }
|
39
|
+
.pull--#{$namespace}three-quarters { @extend .pull--#{$namespace}; right:75%; }
|
50
40
|
|
51
41
|
|
52
|
-
/**
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
.pull--five-eighths { @extend .pull; right:62.5%; }
|
60
|
-
.pull--six-eighths { @extend .pull--three-quarters; }
|
61
|
-
.pull--seven-eighths { @extend .pull; right:87.5%; }
|
42
|
+
/**
|
43
|
+
* Fifths
|
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%; }
|
62
49
|
|
63
50
|
|
64
|
-
/**
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
.pull--six-tenths { @extend .pull--three-fifths; }
|
73
|
-
.pull--seven-tenths { @extend .pull; right:70%; }
|
74
|
-
.pull--eight-tenths { @extend .pull--four-fifths; }
|
75
|
-
.pull--nine-tenths { @extend .pull; right:90%; }
|
51
|
+
/**
|
52
|
+
* Sixths
|
53
|
+
*/
|
54
|
+
.pull--#{$namespace}one-sixth { @extend .pull--#{$namespace}; right:16.666%; }
|
55
|
+
.pull--#{$namespace}two-sixths { @extend .pull--#{$namespace}one-third; }
|
56
|
+
.pull--#{$namespace}three-sixths { @extend .pull--#{$namespace}one-half; }
|
57
|
+
.pull--#{$namespace}four-sixths { @extend .pull--#{$namespace}two-thirds; }
|
58
|
+
.pull--#{$namespace}five-sixths { @extend .pull--#{$namespace}; right:83.333%; }
|
76
59
|
|
77
60
|
|
78
|
-
/**
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
.pull
|
85
|
-
.pull
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
61
|
+
/**
|
62
|
+
* Eighths
|
63
|
+
*/
|
64
|
+
.pull--#{$namespace}one-eighth { @extend .pull--#{$namespace}; right:12.5%; }
|
65
|
+
.pull--#{$namespace}two-eighths { @extend .pull--#{$namespace}one-quarter; }
|
66
|
+
.pull--#{$namespace}three-eighths { @extend .pull--#{$namespace}; right:37.5%; }
|
67
|
+
.pull--#{$namespace}four-eighths { @extend .pull--#{$namespace}one-half; }
|
68
|
+
.pull--#{$namespace}five-eighths { @extend .pull--#{$namespace}; right:62.5%; }
|
69
|
+
.pull--#{$namespace}six-eighths { @extend .pull--#{$namespace}three-quarters; }
|
70
|
+
.pull--#{$namespace}seven-eighths { @extend .pull--#{$namespace}; right:87.5%; }
|
71
|
+
|
72
|
+
|
73
|
+
/**
|
74
|
+
* Tenths
|
75
|
+
*/
|
76
|
+
.pull--#{$namespace}one-tenth { @extend .pull--#{$namespace}; right:10%; }
|
77
|
+
.pull--#{$namespace}two-tenths { @extend .pull--#{$namespace}one-fifth; }
|
78
|
+
.pull--#{$namespace}three-tenths { @extend .pull--#{$namespace}; right:30%; }
|
79
|
+
.pull--#{$namespace}four-tenths { @extend .pull--#{$namespace}two-fifths; }
|
80
|
+
.pull--#{$namespace}five-tenths { @extend .pull--#{$namespace}one-half; }
|
81
|
+
.pull--#{$namespace}six-tenths { @extend .pull--#{$namespace}three-fifths; }
|
82
|
+
.pull--#{$namespace}seven-tenths { @extend .pull--#{$namespace}; right:70%; }
|
83
|
+
.pull--#{$namespace}eight-tenths { @extend .pull--#{$namespace}four-fifths; }
|
84
|
+
.pull--#{$namespace}nine-tenths { @extend .pull--#{$namespace}; right:90%; }
|
85
|
+
|
86
|
+
|
87
|
+
/**
|
88
|
+
* Twelfths
|
89
|
+
*/
|
90
|
+
.pull--#{$namespace}one-twelfth { @extend .pull--#{$namespace}; right:8.333%; }
|
91
|
+
.pull--#{$namespace}two-twelfths { @extend .pull--#{$namespace}one-sixth; }
|
92
|
+
.pull--#{$namespace}three-twelfths { @extend .pull--#{$namespace}one-quarter; }
|
93
|
+
.pull--#{$namespace}four-twelfths { @extend .pull--#{$namespace}one-third; }
|
94
|
+
.pull--#{$namespace}five-twelfths { @extend .pull--#{$namespace}; right:41.666% }
|
95
|
+
.pull--#{$namespace}six-twelfths { @extend .pull--#{$namespace}one-half; }
|
96
|
+
.pull--#{$namespace}seven-twelfths { @extend .pull--#{$namespace}; right:58.333%; }
|
97
|
+
.pull--#{$namespace}eight-twelfths { @extend .pull--#{$namespace}two-thirds; }
|
98
|
+
.pull--#{$namespace}nine-twelfths { @extend .pull--#{$namespace}three-quarters; }
|
99
|
+
.pull--#{$namespace}ten-twelfths { @extend .pull--#{$namespace}five-sixths; }
|
100
|
+
.pull--#{$namespace}eleven-twelfths { @extend .pull--#{$namespace}; right:91.666%; }
|
101
|
+
}
|
102
|
+
|
103
|
+
@include pull-setup();
|
104
|
+
|
105
|
+
@if $responsive-pull == true{
|
106
|
+
|
107
|
+
@include media-query(palm){
|
108
|
+
@include pull-setup("palm-");
|
109
|
+
}
|
110
|
+
|
111
|
+
@include media-query(lap){
|
112
|
+
@include pull-setup("lap-");
|
113
|
+
}
|
114
|
+
|
115
|
+
@include media-query(portable){
|
116
|
+
@include pull-setup("portable-");
|
117
|
+
}
|
118
|
+
|
119
|
+
@include media-query(desk){
|
120
|
+
@include pull-setup("desk-");
|
121
|
+
}
|
122
|
+
|
123
|
+
} /* endif */
|
@@ -4,88 +4,120 @@
|
|
4
4
|
/**
|
5
5
|
* Push classes, to move grid items over to the right by certain amounts.
|
6
6
|
*/
|
7
|
-
|
8
|
-
position:relative;
|
9
|
-
}
|
10
|
-
|
11
|
-
|
7
|
+
|
12
8
|
/**
|
13
|
-
*
|
9
|
+
* Not a particularly great selector, but the DRYest way to do things.
|
14
10
|
*/
|
15
|
-
|
11
|
+
[class*="push--"]{ position:relative; }
|
16
12
|
|
13
|
+
@mixin push-setup($namespace: "") {
|
17
14
|
|
18
|
-
/**
|
19
|
-
|
20
|
-
|
21
|
-
.push
|
22
|
-
.push--two-thirds { @extend .push; left:66.666%; }
|
15
|
+
/**
|
16
|
+
* Whole
|
17
|
+
*/
|
18
|
+
.push--#{$namespace}one-whole { left:100%; }
|
23
19
|
|
24
20
|
|
25
|
-
/**
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
.push--two-quarters { @extend .push--one-half; }
|
30
|
-
.push--three-quarters { @extend .push; left:75%; }
|
21
|
+
/**
|
22
|
+
* Halves
|
23
|
+
*/
|
24
|
+
.push--#{$namespace}one-half { left:50%; }
|
31
25
|
|
32
26
|
|
33
|
-
/**
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
.push--three-fifths { @extend .push; left:60%; }
|
39
|
-
.push--four-fifths { @extend .push; left:80%; }
|
27
|
+
/**
|
28
|
+
* Thirds
|
29
|
+
*/
|
30
|
+
.push--#{$namespace}one-third { left:33.333%; }
|
31
|
+
.push--#{$namespace}two-thirds { left:66.666%; }
|
40
32
|
|
41
33
|
|
42
|
-
/**
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
.push
|
48
|
-
.push--four-sixths { @extend .push--two-thirds; }
|
49
|
-
.push--five-sixths { @extend .push; left:83.333%; }
|
34
|
+
/**
|
35
|
+
* Quarters
|
36
|
+
*/
|
37
|
+
.push--#{$namespace}one-quarter { left:25%; }
|
38
|
+
.push--#{$namespace}two-quarters { @extend .push--#{$namespace}one-half; }
|
39
|
+
.push--#{$namespace}three-quarters { left:75%; }
|
50
40
|
|
51
41
|
|
52
|
-
/**
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
.push--five-eighths { @extend .push; left:62.5%; }
|
60
|
-
.push--six-eighths { @extend .push--three-quarters; }
|
61
|
-
.push--seven-eighths { @extend .push; left:87.5%; }
|
42
|
+
/**
|
43
|
+
* Fifths
|
44
|
+
*/
|
45
|
+
.push--#{$namespace}one-fifth { left:20%; }
|
46
|
+
.push--#{$namespace}two-fifths { left:40%; }
|
47
|
+
.push--#{$namespace}three-fifths { left:60%; }
|
48
|
+
.push--#{$namespace}four-fifths { left:80%; }
|
62
49
|
|
63
50
|
|
64
|
-
/**
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
.push--six-tenths { @extend .push--three-fifths; }
|
73
|
-
.push--seven-tenths { @extend .push; left:70%; }
|
74
|
-
.push--eight-tenths { @extend .push--four-fifths; }
|
75
|
-
.push--nine-tenths { @extend .push; left:90%; }
|
51
|
+
/**
|
52
|
+
* Sixths
|
53
|
+
*/
|
54
|
+
.push--#{$namespace}one-sixth { left:16.666%; }
|
55
|
+
.push--#{$namespace}two-sixths { @extend .push--#{$namespace}one-third; }
|
56
|
+
.push--#{$namespace}three-sixths { @extend .push--#{$namespace}one-half; }
|
57
|
+
.push--#{$namespace}four-sixths { @extend .push--#{$namespace}two-thirds; }
|
58
|
+
.push--#{$namespace}five-sixths { left:83.333%; }
|
76
59
|
|
77
60
|
|
78
|
-
/**
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
.push
|
85
|
-
.push
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
61
|
+
/**
|
62
|
+
* Eighths
|
63
|
+
*/
|
64
|
+
.push--#{$namespace}one-eighth { left:12.5%; }
|
65
|
+
.push--#{$namespace}two-eighths { @extend .push--#{$namespace}one-quarter; }
|
66
|
+
.push--#{$namespace}three-eighths { left:37.5%; }
|
67
|
+
.push--#{$namespace}four-eighths { @extend .push--#{$namespace}one-half; }
|
68
|
+
.push--#{$namespace}five-eighths { left:62.5%; }
|
69
|
+
.push--#{$namespace}six-eighths { @extend .push--#{$namespace}three-quarters; }
|
70
|
+
.push--#{$namespace}seven-eighths { left:87.5%; }
|
71
|
+
|
72
|
+
|
73
|
+
/**
|
74
|
+
* Tenths
|
75
|
+
*/
|
76
|
+
.push--#{$namespace}one-tenth { left:10%; }
|
77
|
+
.push--#{$namespace}two-tenths { @extend .push--#{$namespace}one-fifth; }
|
78
|
+
.push--#{$namespace}three-tenths { left:30%; }
|
79
|
+
.push--#{$namespace}four-tenths { @extend .push--#{$namespace}two-fifths; }
|
80
|
+
.push--#{$namespace}five-tenths { @extend .push--#{$namespace}one-half; }
|
81
|
+
.push--#{$namespace}six-tenths { @extend .push--#{$namespace}three-fifths; }
|
82
|
+
.push--#{$namespace}seven-tenths { left:70%; }
|
83
|
+
.push--#{$namespace}eight-tenths { @extend .push--#{$namespace}four-fifths; }
|
84
|
+
.push--#{$namespace}nine-tenths { left:90%; }
|
85
|
+
|
86
|
+
|
87
|
+
/**
|
88
|
+
* Twelfths
|
89
|
+
*/
|
90
|
+
.push--#{$namespace}one-twelfth { left:8.333%; }
|
91
|
+
.push--#{$namespace}two-twelfths { @extend .push--#{$namespace}one-sixth; }
|
92
|
+
.push--#{$namespace}three-twelfths { @extend .push--#{$namespace}one-quarter; }
|
93
|
+
.push--#{$namespace}four-twelfths { @extend .push--#{$namespace}one-third; }
|
94
|
+
.push--#{$namespace}five-twelfths { left:41.666% }
|
95
|
+
.push--#{$namespace}six-twelfths { @extend .push--#{$namespace}one-half; }
|
96
|
+
.push--#{$namespace}seven-twelfths { left:58.333%; }
|
97
|
+
.push--#{$namespace}eight-twelfths { @extend .push--#{$namespace}two-thirds; }
|
98
|
+
.push--#{$namespace}nine-twelfths { @extend .push--#{$namespace}three-quarters; }
|
99
|
+
.push--#{$namespace}ten-twelfths { @extend .push--#{$namespace}five-sixths; }
|
100
|
+
.push--#{$namespace}eleven-twelfths { left:91.666%; }
|
101
|
+
}
|
102
|
+
|
103
|
+
@include push-setup();
|
104
|
+
|
105
|
+
@if $responsive-push == true{
|
106
|
+
|
107
|
+
@include media-query(palm){
|
108
|
+
@include push-setup("palm-");
|
109
|
+
}
|
110
|
+
|
111
|
+
@include media-query(lap){
|
112
|
+
@include push-setup("lap-");
|
113
|
+
}
|
114
|
+
|
115
|
+
@include media-query(portable){
|
116
|
+
@include push-setup("portable-");
|
117
|
+
}
|
118
|
+
|
119
|
+
@include media-query(desk){
|
120
|
+
@include push-setup("desk-");
|
121
|
+
}
|
122
|
+
|
123
|
+
} /* endif */
|
File without changes
|
File without changes
|
@@ -11,92 +11,92 @@
|
|
11
11
|
*/
|
12
12
|
|
13
13
|
@mixin grid-setup($namespace: "") {
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
.#{$namespace}one-quarter
|
37
|
-
.#{$namespace}two-quarters
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
.#{$namespace}one-fifth
|
45
|
-
.#{$namespace}two-fifths
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
.#{$namespace}one-sixth
|
54
|
-
.#{$namespace}two-sixths
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
.#{$namespace}one-eighth
|
64
|
-
.#{$namespace}two-eighths
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
.#{$namespace}six-eighths
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
.#{$namespace}one-tenth
|
76
|
-
.#{$namespace}two-tenths
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
.#{$namespace}six-tenths
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
.#{$namespace}four-twelfths
|
93
|
-
.#{$namespace}five-twelfths
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
.#{$namespace}nine-twelfths
|
98
|
-
|
99
|
-
|
14
|
+
/**
|
15
|
+
* Whole
|
16
|
+
*/
|
17
|
+
.#{$namespace}one-whole { width:100%; }
|
18
|
+
|
19
|
+
|
20
|
+
/**
|
21
|
+
* Halves
|
22
|
+
*/
|
23
|
+
.#{$namespace}one-half { width:50%; }
|
24
|
+
|
25
|
+
|
26
|
+
/**
|
27
|
+
* Thirds
|
28
|
+
*/
|
29
|
+
.#{$namespace}one-third { width:33.333%; }
|
30
|
+
.#{$namespace}two-thirds { width:66.666%; }
|
31
|
+
|
32
|
+
|
33
|
+
/**
|
34
|
+
* Quarters
|
35
|
+
*/
|
36
|
+
.#{$namespace}one-quarter { width:25%; }
|
37
|
+
.#{$namespace}two-quarters { @extend .#{$namespace}one-half; }
|
38
|
+
.#{$namespace}three-quarters { width:75%; }
|
39
|
+
|
40
|
+
|
41
|
+
/**
|
42
|
+
* Fifths
|
43
|
+
*/
|
44
|
+
.#{$namespace}one-fifth { width:20%; }
|
45
|
+
.#{$namespace}two-fifths { width:40%; }
|
46
|
+
.#{$namespace}three-fifths { width:60%; }
|
47
|
+
.#{$namespace}four-fifths { width:80%; }
|
48
|
+
|
49
|
+
|
50
|
+
/**
|
51
|
+
* Sixths
|
52
|
+
*/
|
53
|
+
.#{$namespace}one-sixth { width:16.666%; }
|
54
|
+
.#{$namespace}two-sixths { @extend .#{$namespace}one-third; }
|
55
|
+
.#{$namespace}three-sixths { @extend .#{$namespace}one-half; }
|
56
|
+
.#{$namespace}four-sixths { @extend .#{$namespace}two-thirds; }
|
57
|
+
.#{$namespace}five-sixths { width:83.333%; }
|
58
|
+
|
59
|
+
|
60
|
+
/**
|
61
|
+
* Eighths
|
62
|
+
*/
|
63
|
+
.#{$namespace}one-eighth { width:12.5%; }
|
64
|
+
.#{$namespace}two-eighths { @extend .#{$namespace}one-quarter; }
|
65
|
+
.#{$namespace}three-eighths { width:37.5%; }
|
66
|
+
.#{$namespace}four-eighths { @extend .#{$namespace}one-half; }
|
67
|
+
.#{$namespace}five-eighths { width:62.5%; }
|
68
|
+
.#{$namespace}six-eighths { @extend .#{$namespace}three-quarters; }
|
69
|
+
.#{$namespace}seven-eighths { width:87.5%; }
|
70
|
+
|
71
|
+
|
72
|
+
/**
|
73
|
+
* Tenths
|
74
|
+
*/
|
75
|
+
.#{$namespace}one-tenth { width:10%; }
|
76
|
+
.#{$namespace}two-tenths { @extend .#{$namespace}one-fifth; }
|
77
|
+
.#{$namespace}three-tenths { width:30%; }
|
78
|
+
.#{$namespace}four-tenths { @extend .#{$namespace}two-fifths; }
|
79
|
+
.#{$namespace}five-tenths { @extend .#{$namespace}one-half; }
|
80
|
+
.#{$namespace}six-tenths { @extend .#{$namespace}three-fifths; }
|
81
|
+
.#{$namespace}seven-tenths { width:70%; }
|
82
|
+
.#{$namespace}eight-tenths { @extend .#{$namespace}four-fifths; }
|
83
|
+
.#{$namespace}nine-tenths { width:90%; }
|
84
|
+
|
85
|
+
|
86
|
+
/**
|
87
|
+
* Twelfths
|
88
|
+
*/
|
89
|
+
.#{$namespace}one-twelfth { width:8.333%; }
|
90
|
+
.#{$namespace}two-twelfths { @extend .#{$namespace}one-sixth; }
|
91
|
+
.#{$namespace}three-twelfths { @extend .#{$namespace}one-quarter; }
|
92
|
+
.#{$namespace}four-twelfths { @extend .#{$namespace}one-third; }
|
93
|
+
.#{$namespace}five-twelfths { width:41.666% }
|
94
|
+
.#{$namespace}six-twelfths { @extend .#{$namespace}one-half; }
|
95
|
+
.#{$namespace}seven-twelfths { width:58.333%; }
|
96
|
+
.#{$namespace}eight-twelfths { @extend .#{$namespace}two-thirds; }
|
97
|
+
.#{$namespace}nine-twelfths { @extend .#{$namespace}three-quarters; }
|
98
|
+
.#{$namespace}ten-twelfths { @extend .#{$namespace}five-sixths; }
|
99
|
+
.#{$namespace}eleven-twelfths { width:91.666%; }
|
100
100
|
}
|
101
101
|
|
102
102
|
@include grid-setup();
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
@@ -18,7 +18,7 @@
|
|
18
18
|
*
|
19
19
|
*/
|
20
20
|
.icon-text > .icon-text__icon{
|
21
|
-
margin-right
|
21
|
+
margin-right:$half-spacing-unit / 2;
|
22
22
|
}
|
23
23
|
|
24
24
|
|
@@ -32,5 +32,5 @@
|
|
32
32
|
*
|
33
33
|
*/
|
34
34
|
.icon-text--rev > .icon-text__icon{
|
35
|
-
margin-left
|
35
|
+
margin-left:$half-spacing-unit / 2;
|
36
36
|
}
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
@@ -37,9 +37,13 @@ $brand-round: 4px!default;
|
|
37
37
|
|
38
38
|
/**
|
39
39
|
* Responsiveness?
|
40
|
-
* Tell inuit.css when breakpoints start
|
40
|
+
* Tell inuit.css when breakpoints start.
|
41
41
|
*/
|
42
42
|
$responsive: true!default;
|
43
|
+
|
44
|
+
$responsive-push: false!default;
|
45
|
+
$responsive-pull: false!default;
|
46
|
+
|
43
47
|
$lap-start: 481px!default;
|
44
48
|
$desk-start: 1024px!default;
|
45
49
|
|
@@ -11,11 +11,15 @@
|
|
11
11
|
*/
|
12
12
|
|
13
13
|
|
14
|
-
|
14
|
+
/**
|
15
|
+
* Setup
|
16
|
+
*/
|
15
17
|
@import "vars";
|
16
18
|
@import "compass-inuit";
|
17
19
|
|
18
|
-
|
20
|
+
/**
|
21
|
+
* She’s all yours, cap’n... Begin importing your stuff here.
|
22
|
+
*/
|
19
23
|
|
20
24
|
html{
|
21
25
|
font: 1em/1.5 Georgia, serif;
|
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.
|
4
|
+
version: 4.4.1
|
5
5
|
prerelease:
|
6
6
|
platform: ruby
|
7
7
|
authors:
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date:
|
12
|
+
date: 2013-01-03 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: sass
|
@@ -55,6 +55,7 @@ files:
|
|
55
55
|
- stylesheets/_compass-inuit.scss
|
56
56
|
- stylesheets/partials/_base.scss
|
57
57
|
- stylesheets/partials/_generic.scss
|
58
|
+
- stylesheets/partials/_helpers.scss
|
58
59
|
- stylesheets/partials/_objects.scss
|
59
60
|
- stylesheets/partials/base/_code.scss
|
60
61
|
- stylesheets/partials/base/_forms.scss
|