compass-inuit 4.1.1 → 4.1.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/README.md +2 -12
- data/stylesheets/partials/_base.scss +8 -8
- data/stylesheets/partials/_generic.scss +7 -7
- data/stylesheets/partials/_objects.scss +18 -12
- data/stylesheets/partials/base/_code.scss +8 -4
- data/stylesheets/partials/base/_forms.scss +47 -14
- data/stylesheets/partials/base/_headings.scss +3 -1
- data/stylesheets/partials/base/_links.scss +22 -8
- data/stylesheets/partials/base/_lists.scss +5 -3
- data/stylesheets/partials/base/_main.scss +3 -2
- data/stylesheets/partials/base/_paragraphs.scss +2 -2
- data/stylesheets/partials/base/_quotes.scss +10 -7
- data/stylesheets/partials/base/_smallprint.scss +2 -4
- data/stylesheets/partials/base/_tables.scss +32 -19
- data/stylesheets/partials/generic/_clearfix.scss +3 -1
- data/stylesheets/partials/generic/_debug.scss +168 -0
- data/stylesheets/partials/generic/_helper.scss +15 -8
- data/stylesheets/partials/generic/_mixins.scss +58 -4
- data/stylesheets/partials/generic/_pull.scss +91 -0
- data/stylesheets/partials/generic/_push.scss +91 -0
- data/stylesheets/partials/generic/_reset.scss +20 -1
- data/stylesheets/partials/generic/_shared.scss +14 -3
- data/stylesheets/partials/generic/_widths.scss +95 -0
- data/stylesheets/partials/objects/_block-list.scss +12 -8
- data/stylesheets/partials/objects/_breadcrumb.scss +59 -0
- data/stylesheets/partials/objects/_buttons.scss +3 -0
- data/stylesheets/partials/objects/_columns.scss +7 -11
- data/stylesheets/partials/objects/_complex-link.scss +1 -1
- data/stylesheets/partials/objects/_flexbox.scss +13 -1
- data/stylesheets/partials/objects/_flyout.scss +4 -2
- data/stylesheets/partials/objects/_greybox.scss +54 -0
- data/stylesheets/partials/objects/_grids-ie7.scss +47 -0
- data/stylesheets/partials/objects/_grids.scss +34 -91
- data/stylesheets/partials/objects/_icon-text.scss +7 -7
- data/stylesheets/partials/objects/_island.scss +2 -1
- data/stylesheets/partials/objects/_lozenges.scss +21 -14
- data/stylesheets/partials/objects/_matrix.scss +16 -10
- data/stylesheets/partials/objects/_media.scss +2 -1
- data/stylesheets/partials/objects/_nav.scss +98 -16
- data/stylesheets/partials/objects/_options.scss +39 -0
- data/stylesheets/partials/objects/_pagination.scss +1 -1
- data/stylesheets/partials/objects/_rules.scss +61 -0
- data/stylesheets/partials/objects/_split.scss +2 -2
- data/stylesheets/partials/objects/_sprite.scss +30 -15
- data/stylesheets/partials/objects/_stats.scss +45 -0
- data/stylesheets/partials/objects/_this-or-this.scss +6 -5
- data/templates/project/config.rb +5 -0
- data/templates/project/index.html +55 -0
- data/templates/project/manifest.rb +9 -2
- data/templates/project/sass/_vars.scss +68 -0
- data/templates/project/{your-project.scss → sass/your-project.scss} +15 -1
- data/templates/project/watch.sh +12 -0
- metadata +18 -5
- data/templates/project/_vars.scss +0 -38
|
@@ -5,18 +5,19 @@
|
|
|
5
5
|
* Simple options object to provide multiple choices, e.g.:
|
|
6
6
|
*
|
|
7
7
|
<h1 class=this-or-this>
|
|
8
|
-
<a href=# class="this-or-this__this
|
|
8
|
+
<a href=# class="this-or-this__this two-fifths">
|
|
9
9
|
Free
|
|
10
10
|
</a>
|
|
11
|
-
<span class="this-or-this__or
|
|
11
|
+
<span class="this-or-this__or one-fifth">
|
|
12
12
|
or
|
|
13
13
|
</span>
|
|
14
|
-
<a href=# class="this-or-this__this
|
|
14
|
+
<a href=# class="this-or-this__this two-fifths">
|
|
15
15
|
Pro
|
|
16
16
|
</a>
|
|
17
17
|
</h1>
|
|
18
18
|
*
|
|
19
|
-
* The `.this` and `.or` objects can be sized using
|
|
19
|
+
* The `.this-or-this__this` and `.this-or-this__or` objects can be sized using
|
|
20
|
+
* the grid-system classes.
|
|
20
21
|
*
|
|
21
22
|
* Demo: jsfiddle.net/inuitcss/R3sks
|
|
22
23
|
*
|
|
@@ -30,4 +31,4 @@
|
|
|
30
31
|
.this-or-this__or{
|
|
31
32
|
display:table-cell;
|
|
32
33
|
vertical-align:middle;
|
|
33
|
-
}
|
|
34
|
+
}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html>
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8">
|
|
5
|
+
<title>inuit.css Example Project</title>
|
|
6
|
+
<link rel="stylesheet" href="your-project.css">
|
|
7
|
+
</head>
|
|
8
|
+
<body>
|
|
9
|
+
<div class="island greybox greybox--medium header">Header</div>
|
|
10
|
+
|
|
11
|
+
<div class=wrapper>
|
|
12
|
+
|
|
13
|
+
<ul class="nav nav--fit nav--block greybox">
|
|
14
|
+
<li><a href=#>Home</a></li>
|
|
15
|
+
<li><a href=#>About</a></li>
|
|
16
|
+
<li><a href=#>Portfolio</a></li>
|
|
17
|
+
<li><a href=#>Contact</a></li>
|
|
18
|
+
</ul>
|
|
19
|
+
|
|
20
|
+
<div class="island greybox greybox--large">Masthead</div>
|
|
21
|
+
|
|
22
|
+
<div class=gw>
|
|
23
|
+
|
|
24
|
+
<div class="g two-thirds content">
|
|
25
|
+
<div class="island greybox greybox--gigantic">Content</div>
|
|
26
|
+
</div><!-- /content -->
|
|
27
|
+
|
|
28
|
+
<div class="g one-third sub-content">
|
|
29
|
+
<div class="island greybox">
|
|
30
|
+
|
|
31
|
+
<div class=gw>
|
|
32
|
+
<div class="g one-half">
|
|
33
|
+
<div class="islet greybox">Ad</div>
|
|
34
|
+
</div>
|
|
35
|
+
<div class="g one-half">
|
|
36
|
+
<div class="islet greybox">Ad</div>
|
|
37
|
+
</div>
|
|
38
|
+
</div>
|
|
39
|
+
|
|
40
|
+
<div class="island greybox greybox--huge">Sub content</div>
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
<div class="islet greybox">Ad</div>
|
|
44
|
+
|
|
45
|
+
</div>
|
|
46
|
+
</div><!-- /sub-content -->
|
|
47
|
+
|
|
48
|
+
</div>
|
|
49
|
+
|
|
50
|
+
</div><!-- /wrapper -->
|
|
51
|
+
|
|
52
|
+
<div class="island greybox greybox--medium footer">Footer</div>
|
|
53
|
+
</body>
|
|
54
|
+
</html>
|
|
55
|
+
|
|
@@ -1,3 +1,10 @@
|
|
|
1
1
|
# Make sure you list all the project template files here in the manifest.
|
|
2
|
-
stylesheet '_vars.scss'
|
|
3
|
-
stylesheet 'your-project.scss', :media => 'screen, projection'
|
|
2
|
+
stylesheet 'sass/_vars.scss'
|
|
3
|
+
stylesheet 'sass/your-project.scss', :media => 'screen, projection'
|
|
4
|
+
html 'index.html'
|
|
5
|
+
file 'config.rb'
|
|
6
|
+
file 'watch.sh'
|
|
7
|
+
|
|
8
|
+
welcome_message %Q{
|
|
9
|
+
Now customize and compile!
|
|
10
|
+
}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
/*------------------------------------*\
|
|
2
|
+
$VARS
|
|
3
|
+
\*------------------------------------*/
|
|
4
|
+
/**
|
|
5
|
+
* Set up project-specific variables here which are then used throughout your
|
|
6
|
+
* build. These variables are automatically picked up by inuit.css so you should
|
|
7
|
+
* never need to modify any framework code.
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
/**
|
|
12
|
+
* Debug mode will visually highlight any potential markup/accessibility quirks
|
|
13
|
+
* in the browser. Set to `true` or `false`.
|
|
14
|
+
*/
|
|
15
|
+
$debug-mode: false;
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
/**
|
|
19
|
+
* Base stuff
|
|
20
|
+
*/
|
|
21
|
+
$base-font-size: 16!default;
|
|
22
|
+
$base-line-height: 24!default;
|
|
23
|
+
|
|
24
|
+
$line-height-ratio: $base-line-height / $base-font-size;
|
|
25
|
+
|
|
26
|
+
/**
|
|
27
|
+
* How big would you like round corners to be by default?
|
|
28
|
+
*/
|
|
29
|
+
$brand-round: 4!default;
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
/**
|
|
33
|
+
* Assign our `$base-line-height` to a new spacing var for more transparency.
|
|
34
|
+
*/
|
|
35
|
+
$base-spacing-unit: $base-line-height!default;
|
|
36
|
+
$half-spacing-unit: $base-spacing-unit / 2!default;
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
/**
|
|
40
|
+
* Font-sizes (in pixels). Refer to relevant sections for their implementations.
|
|
41
|
+
*/
|
|
42
|
+
$giga-size: 96!default;
|
|
43
|
+
$mega-size: 72!default;
|
|
44
|
+
$kilo-size: 48!default;
|
|
45
|
+
|
|
46
|
+
$h1-size: 36!default;
|
|
47
|
+
$h2-size: 30!default;
|
|
48
|
+
$h3-size: 24!default;
|
|
49
|
+
$h4-size: 20!default;
|
|
50
|
+
$h5-size: 16!default;
|
|
51
|
+
$h6-size: 14!default;
|
|
52
|
+
|
|
53
|
+
$milli-size: 12!default;
|
|
54
|
+
$micro-size: 10!default;
|
|
55
|
+
|
|
56
|
+
|
|
57
|
+
/**
|
|
58
|
+
* Brand stuff
|
|
59
|
+
*/
|
|
60
|
+
$brand-color: #4a8ec2!default;
|
|
61
|
+
$brand-face: "Helvetica Neue", sans-serif!default;
|
|
62
|
+
|
|
63
|
+
|
|
64
|
+
/**
|
|
65
|
+
* We need to supply a full code font-stack in order to combat this:
|
|
66
|
+
* jsfiddle.net/csswizardry/uD6UW
|
|
67
|
+
*/
|
|
68
|
+
$code-face: Inconsolata, Monaco, Consolas, "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace!default;
|
|
@@ -13,4 +13,18 @@
|
|
|
13
13
|
@import "vars";
|
|
14
14
|
@import "compass-inuit";
|
|
15
15
|
|
|
16
|
-
// She’s all yours, cap’n... Begin importing your stuff here.
|
|
16
|
+
// She’s all yours, cap’n... Begin importing your stuff here.
|
|
17
|
+
|
|
18
|
+
html{
|
|
19
|
+
font:1em/1.5 Georgia, serif;
|
|
20
|
+
background-color:#fff;
|
|
21
|
+
color:#333;
|
|
22
|
+
}
|
|
23
|
+
.wrapper{
|
|
24
|
+
max-width:960px;
|
|
25
|
+
padding:0 24px;
|
|
26
|
+
margin:0 auto;
|
|
27
|
+
}
|
|
28
|
+
.footer{
|
|
29
|
+
margin-bottom:0;
|
|
30
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
#!/bin/sh
|
|
2
|
+
|
|
3
|
+
# Change all instances of ‘your-project’ to whatever you have named your
|
|
4
|
+
# project’s stylesheet, `cd` to the directory in which this file lives and
|
|
5
|
+
# simply run `sh watch.sh`.
|
|
6
|
+
|
|
7
|
+
# No minification
|
|
8
|
+
#sass --watch your-project.scss:your-project.css --style expanded
|
|
9
|
+
|
|
10
|
+
sass --watch your-project.scss:your-project.min.css --style compressed
|
|
11
|
+
|
|
12
|
+
exit 0
|
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.1.
|
|
4
|
+
version: 4.1.5
|
|
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: 2012-
|
|
12
|
+
date: 2012-12-21 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: sass
|
|
@@ -43,7 +43,7 @@ dependencies:
|
|
|
43
43
|
- - ! '>='
|
|
44
44
|
- !ruby/object:Gem::Version
|
|
45
45
|
version: 0.12.2
|
|
46
|
-
description:
|
|
46
|
+
description: Compass extension for the inuit.css framework.
|
|
47
47
|
email:
|
|
48
48
|
- stephencway@me.com
|
|
49
49
|
executables: []
|
|
@@ -69,16 +69,23 @@ files:
|
|
|
69
69
|
- stylesheets/partials/base/_tables.scss
|
|
70
70
|
- stylesheets/partials/generic/_brand.scss
|
|
71
71
|
- stylesheets/partials/generic/_clearfix.scss
|
|
72
|
+
- stylesheets/partials/generic/_debug.scss
|
|
72
73
|
- stylesheets/partials/generic/_helper.scss
|
|
73
74
|
- stylesheets/partials/generic/_mixins.scss
|
|
75
|
+
- stylesheets/partials/generic/_pull.scss
|
|
76
|
+
- stylesheets/partials/generic/_push.scss
|
|
74
77
|
- stylesheets/partials/generic/_reset.scss
|
|
75
78
|
- stylesheets/partials/generic/_shared.scss
|
|
79
|
+
- stylesheets/partials/generic/_widths.scss
|
|
76
80
|
- stylesheets/partials/objects/_block-list.scss
|
|
81
|
+
- stylesheets/partials/objects/_breadcrumb.scss
|
|
77
82
|
- stylesheets/partials/objects/_buttons.scss
|
|
78
83
|
- stylesheets/partials/objects/_columns.scss
|
|
79
84
|
- stylesheets/partials/objects/_complex-link.scss
|
|
80
85
|
- stylesheets/partials/objects/_flexbox.scss
|
|
81
86
|
- stylesheets/partials/objects/_flyout.scss
|
|
87
|
+
- stylesheets/partials/objects/_greybox.scss
|
|
88
|
+
- stylesheets/partials/objects/_grids-ie7.scss
|
|
82
89
|
- stylesheets/partials/objects/_grids.scss
|
|
83
90
|
- stylesheets/partials/objects/_icon-text.scss
|
|
84
91
|
- stylesheets/partials/objects/_island.scss
|
|
@@ -86,13 +93,19 @@ files:
|
|
|
86
93
|
- stylesheets/partials/objects/_matrix.scss
|
|
87
94
|
- stylesheets/partials/objects/_media.scss
|
|
88
95
|
- stylesheets/partials/objects/_nav.scss
|
|
96
|
+
- stylesheets/partials/objects/_options.scss
|
|
89
97
|
- stylesheets/partials/objects/_pagination.scss
|
|
98
|
+
- stylesheets/partials/objects/_rules.scss
|
|
90
99
|
- stylesheets/partials/objects/_split.scss
|
|
91
100
|
- stylesheets/partials/objects/_sprite.scss
|
|
101
|
+
- stylesheets/partials/objects/_stats.scss
|
|
92
102
|
- stylesheets/partials/objects/_this-or-this.scss
|
|
93
|
-
- templates/project/
|
|
103
|
+
- templates/project/config.rb
|
|
104
|
+
- templates/project/index.html
|
|
94
105
|
- templates/project/manifest.rb
|
|
95
|
-
- templates/project/
|
|
106
|
+
- templates/project/sass/_vars.scss
|
|
107
|
+
- templates/project/sass/your-project.scss
|
|
108
|
+
- templates/project/watch.sh
|
|
96
109
|
homepage: http://github.com/stephenway/compass-intuit
|
|
97
110
|
licenses: []
|
|
98
111
|
post_install_message:
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
/*------------------------------------*\
|
|
2
|
-
$VARS
|
|
3
|
-
\*------------------------------------*/
|
|
4
|
-
/**
|
|
5
|
-
* Set up project-specific variables here which are then used throughout your
|
|
6
|
-
* build. These variables are automatically picked up by inuit.css so you should
|
|
7
|
-
* never need to modify any framework code.
|
|
8
|
-
*/
|
|
9
|
-
|
|
10
|
-
// Base stuff
|
|
11
|
-
$base-font-size: 16 !default;
|
|
12
|
-
$base-line-height: 24 !default;
|
|
13
|
-
|
|
14
|
-
// Assign our `$base-line-height` to a new spacing var for more transparency.
|
|
15
|
-
$base-spacing-unit: $base-line-height !default;
|
|
16
|
-
$half-spacing-unit: $base-spacing-unit / 2 !default;
|
|
17
|
-
|
|
18
|
-
// Font-sizes (in pixels). Refer to relevant sections for their implementations.
|
|
19
|
-
$giga-size: 96 !default;
|
|
20
|
-
$mega-size: 72 !default;
|
|
21
|
-
$kilo-size: 48 !default;
|
|
22
|
-
|
|
23
|
-
$h1-size: 36 !default;
|
|
24
|
-
$h2-size: 30 !default;
|
|
25
|
-
$h3-size: 24 !default;
|
|
26
|
-
$h4-size: 20 !default;
|
|
27
|
-
$h5-size: 16 !default;
|
|
28
|
-
$h6-size: 14 !default;
|
|
29
|
-
|
|
30
|
-
$milli-size: 12 !default;
|
|
31
|
-
$micro-size: 10 !default;
|
|
32
|
-
|
|
33
|
-
// Brand stuff
|
|
34
|
-
$brand-color: #4a8ec2 !default;
|
|
35
|
-
$brand-face: "Helvetica Neue", sans-serif !default;
|
|
36
|
-
|
|
37
|
-
// Supply a full code font-stack to combat this: jsfiddle.net/csswizardry/uD6UW
|
|
38
|
-
$code-face: Inconsolata, Monaco, Consolas, "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !default;
|