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.
Files changed (54) hide show
  1. data/README.md +2 -12
  2. data/stylesheets/partials/_base.scss +8 -8
  3. data/stylesheets/partials/_generic.scss +7 -7
  4. data/stylesheets/partials/_objects.scss +18 -12
  5. data/stylesheets/partials/base/_code.scss +8 -4
  6. data/stylesheets/partials/base/_forms.scss +47 -14
  7. data/stylesheets/partials/base/_headings.scss +3 -1
  8. data/stylesheets/partials/base/_links.scss +22 -8
  9. data/stylesheets/partials/base/_lists.scss +5 -3
  10. data/stylesheets/partials/base/_main.scss +3 -2
  11. data/stylesheets/partials/base/_paragraphs.scss +2 -2
  12. data/stylesheets/partials/base/_quotes.scss +10 -7
  13. data/stylesheets/partials/base/_smallprint.scss +2 -4
  14. data/stylesheets/partials/base/_tables.scss +32 -19
  15. data/stylesheets/partials/generic/_clearfix.scss +3 -1
  16. data/stylesheets/partials/generic/_debug.scss +168 -0
  17. data/stylesheets/partials/generic/_helper.scss +15 -8
  18. data/stylesheets/partials/generic/_mixins.scss +58 -4
  19. data/stylesheets/partials/generic/_pull.scss +91 -0
  20. data/stylesheets/partials/generic/_push.scss +91 -0
  21. data/stylesheets/partials/generic/_reset.scss +20 -1
  22. data/stylesheets/partials/generic/_shared.scss +14 -3
  23. data/stylesheets/partials/generic/_widths.scss +95 -0
  24. data/stylesheets/partials/objects/_block-list.scss +12 -8
  25. data/stylesheets/partials/objects/_breadcrumb.scss +59 -0
  26. data/stylesheets/partials/objects/_buttons.scss +3 -0
  27. data/stylesheets/partials/objects/_columns.scss +7 -11
  28. data/stylesheets/partials/objects/_complex-link.scss +1 -1
  29. data/stylesheets/partials/objects/_flexbox.scss +13 -1
  30. data/stylesheets/partials/objects/_flyout.scss +4 -2
  31. data/stylesheets/partials/objects/_greybox.scss +54 -0
  32. data/stylesheets/partials/objects/_grids-ie7.scss +47 -0
  33. data/stylesheets/partials/objects/_grids.scss +34 -91
  34. data/stylesheets/partials/objects/_icon-text.scss +7 -7
  35. data/stylesheets/partials/objects/_island.scss +2 -1
  36. data/stylesheets/partials/objects/_lozenges.scss +21 -14
  37. data/stylesheets/partials/objects/_matrix.scss +16 -10
  38. data/stylesheets/partials/objects/_media.scss +2 -1
  39. data/stylesheets/partials/objects/_nav.scss +98 -16
  40. data/stylesheets/partials/objects/_options.scss +39 -0
  41. data/stylesheets/partials/objects/_pagination.scss +1 -1
  42. data/stylesheets/partials/objects/_rules.scss +61 -0
  43. data/stylesheets/partials/objects/_split.scss +2 -2
  44. data/stylesheets/partials/objects/_sprite.scss +30 -15
  45. data/stylesheets/partials/objects/_stats.scss +45 -0
  46. data/stylesheets/partials/objects/_this-or-this.scss +6 -5
  47. data/templates/project/config.rb +5 -0
  48. data/templates/project/index.html +55 -0
  49. data/templates/project/manifest.rb +9 -2
  50. data/templates/project/sass/_vars.scss +68 -0
  51. data/templates/project/{your-project.scss → sass/your-project.scss} +15 -1
  52. data/templates/project/watch.sh +12 -0
  53. metadata +18 -5
  54. 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 two-fifths">
8
+ <a href=# class="this-or-this__this two-fifths">
9
9
  Free
10
10
  </a>
11
- <span class="this-or-this__or one-fifth">
11
+ <span class="this-or-this__or one-fifth">
12
12
  or
13
13
  </span>
14
- <a href=# class="this-or-this__this two-fifths">
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 the grid-system classes.
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,5 @@
1
+ require 'compass-inuit'
2
+
3
+ css_dir = "/"
4
+ output_style = :compressed
5
+ relative_assets = true
@@ -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.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-11-10 00:00:00.000000000 Z
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: inuit.css for compass—cooler than a polar bear’s toenails.
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/_vars.scss
103
+ - templates/project/config.rb
104
+ - templates/project/index.html
94
105
  - templates/project/manifest.rb
95
- - templates/project/your-project.scss
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;