compass-grid-plugin 0.0.4 → 0.0.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.
@@ -1,5 +1,5 @@
1
1
  module Compass
2
2
  module Grid
3
- VERSION = '0.0.4'
3
+ VERSION = '0.0.5'
4
4
  end
5
5
  end
@@ -52,7 +52,7 @@ $grid-support-for-ie6: false !default;
52
52
  }
53
53
 
54
54
  // return a row width in pixels
55
- @function grid-row-width($i, $plus: 0) {
55
+ @function grid-row-width($i: $grid-columns, $plus: 0) {
56
56
  @return grid-column-width($i, $plus + $grid-gutter-width);
57
57
  }
58
58
 
@@ -3,12 +3,12 @@
3
3
 
4
4
  // Ensure grid is included
5
5
  @import "../../stylesheets/grid";
6
- @import "../../stylesheets/grid/fluid/helpers";
7
6
 
8
7
  //-----------------------------------
9
8
  // Defaults
10
9
  //-----------------------------------
11
10
  $fluid-support-for-ie7: false !default;
11
+ $fluid-debug: false !default;
12
12
 
13
13
  //-----------------------------------
14
14
  // Column Widths
@@ -16,6 +16,8 @@ $fluid-support-for-ie7: false !default;
16
16
 
17
17
  // apply a width to a column
18
18
  @mixin fluid($i, $plus: 0, $context: $grid-columns, $context-plus: 0, $with-gutters: false) {
19
+ @if $fluid-debug { @debug "@mixin fluid", $i, $plus, $context, $context-plus, $with-gutters; }
20
+
19
21
  width: fluid-column-width($i, $plus, $context, $context-plus);
20
22
  @if $fluid-support-for-ie7 {
21
23
  *width: fluid-column-width($i, $plus, $context, $context-plus, $nudge: true);
@@ -25,6 +27,8 @@ $fluid-support-for-ie7: false !default;
25
27
 
26
28
  // apply standard gutters to a column or row
27
29
  @mixin fluid-gutters($context: $grid-columns, $context-plus: 0, $row: false) {
30
+ @if $fluid-debug { @debug "@mixin fluid-gutters", $context, $context-plus, $row; }
31
+
28
32
  margin: 0 fluid-gutter-width($context, $context-plus, $row);
29
33
  @if $fluid-support-for-ie7 {
30
34
  *margin: 0 fluid-gutter-width($context, $context-plus, $row, $nudge: true);
@@ -39,16 +43,22 @@ $fluid-support-for-ie7: false !default;
39
43
 
40
44
  // return a percentage column width relative to a row width
41
45
  @function fluid-column-width($i, $plus: 0, $context: $grid-columns, $context-plus: 0, $nudge: false) {
46
+ @if $fluid-debug { @debug "@function fluid-column-width", $i, $plus, $context, $context-plus, $nudge; }
47
+
42
48
  @return fluid-width(grid-column-width($i, $plus), grid-row-width($context, $context-plus), $nudge);
43
49
  }
44
50
 
45
51
  // return a percentage gutter width relative to a column or row width
46
52
  @function fluid-gutter-width($context: $grid-columns, $context-plus: 0, $row: false, $nudge: false) {
47
- @return fluid-width($grid-gutter-width / 2 * if($row, -1, 1), grid-row-width($context, $context-plus + if($row, 0, $grid-gutter-width)), $nudge);
53
+ @if $fluid-debug { @debug "@function fluid-gutter-width", $context, $context-plus, $row, $nudge; }
54
+
55
+ @return fluid-width($grid-gutter-width / 2 * if($row, -1, 1), grid-row-width($context, $context-plus + if($row, -$grid-gutter-width, 0)), $nudge);
48
56
  }
49
57
 
50
58
  // return a percentage width relative to a parent width
51
59
  @function fluid-width($width, $context-width: grid-column-width($grid-columns, $grid-gutter-width), $nudge: false) {
60
+ @if $fluid-debug { @debug "@function fluid-width", $width, $context-width, $nudge; }
61
+
52
62
  @return percentage($width / $context-width) + if($nudge, fluid-nudge($context-width), 0);
53
63
  }
54
64
 
@@ -64,6 +74,8 @@ $fluid-support-for-ie7: false !default;
64
74
 
65
75
  // specify a container as a page
66
76
  @mixin fluid-page($i: $grid-columns, $plus: 0, $use-max-width: true) {
77
+ @if $fluid-debug { @debug "@mixin fluid-page", $i, $plus, $use-max-width; }
78
+
67
79
  @extend .clearfix;
68
80
  @include box-sizing(border-box);
69
81
  @if $use-max-width { max-width: grid-column-width($i, $plus + $grid-gutter-width); }
@@ -73,6 +85,8 @@ $fluid-support-for-ie7: false !default;
73
85
 
74
86
  // specify a container as a row
75
87
  @mixin fluid-row($page: false, $context: $grid-columns, $context-plus: 0) {
88
+ @if $fluid-debug { @debug "@mixin fluid-row", $page, $context, $context-plus; }
89
+
76
90
  @extend .clearfix;
77
91
  @include box-sizing(border-box);
78
92
  width: auto;
@@ -91,6 +105,8 @@ $fluid-support-for-ie7: false !default;
91
105
 
92
106
  // specify a column
93
107
  @mixin fluid-column($i: false, $plus: 0, $context: $grid-columns, $context-plus: 0, $with-gutters: true) {
108
+ @if $fluid-debug { @debug "@mixin fluid-column", $i, $plus, $context, $context-plus, $with-gutters; }
109
+
94
110
  @include box-sizing(border-box);
95
111
  float: left;
96
112
  @if $grid-support-for-ie6 { _display: inline; }
@@ -102,7 +118,9 @@ $fluid-support-for-ie7: false !default;
102
118
 
103
119
  // alter the margins of a column
104
120
  @mixin fluid-offset($i: 1, $plus: 0, $side: left, $context: $grid-columns, $context-plus: 0) {
105
- margin-#{$side}: (fluid-column-width($i, $plus) + fluid-gutter-width($context, $context-plus) * 3);
121
+ @if $fluid-debug { @debug "@mixin fluid-column", $i, $plus, $side, $context, $context-plus; }
122
+
123
+ margin-#{$side}: (fluid-column-width($i, $plus, $context, $context-plus) + fluid-gutter-width($context, $context-plus) * 3);
106
124
  @if $fluid-support-for-ie7 {
107
125
  *margin-#{$side}: (fluid-column-width($i, $plus, $context, $context-plus, $nudge: nudge) + fluid-gutter-width($context, $context-plus, $nudge: nudge) * 3);
108
126
  }
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: compass-grid-plugin
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.4
4
+ version: 0.0.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-05-01 00:00:00.000000000 Z
12
+ date: 2012-05-15 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: compass
@@ -57,7 +57,6 @@ files:
57
57
  - lib/compass/grid/version.rb
58
58
  - stylesheets/_grid.scss
59
59
  - stylesheets/grid/_fluid.scss
60
- - stylesheets/grid/fluid/_helpers.scss
61
60
  - templates/project/manifest.rb
62
61
  - templates/project/partials/_base.scss
63
62
  - templates/project/screen.scss
@@ -81,8 +80,9 @@ required_rubygems_version: !ruby/object:Gem::Requirement
81
80
  version: '0'
82
81
  requirements: []
83
82
  rubyforge_project:
84
- rubygems_version: 1.8.23
83
+ rubygems_version: 1.8.24
85
84
  signing_key:
86
85
  specification_version: 3
87
86
  summary: Compass grid extension inspired by the 1KB CSS Grid
88
87
  test_files: []
88
+ has_rdoc:
@@ -1,14 +0,0 @@
1
-
2
- // Force Sass to return a decimal to the current precision
3
- @function real-percentage($a, $b) {
4
- $prec: pow(10, precision());
5
- @return round($a / $b * $prec) / $prec;
6
- }
7
-
8
- // Return the nth item in a list or a default value
9
- @function nth-else($list, $n, $else: false) {
10
- @if type-of($list) != list {
11
- @return if($n == 1, $list, $else);
12
- }
13
- @return if($n <= length($list), nth($list, $n), $else);
14
- }