jeet 5.3.0 → 6.0.0

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: d58cd59838d79d2ead1939ba7b4f7227e103da89
4
- data.tar.gz: c446c7ff0351f0598daec9cb291d5dfb1e5c33e2
3
+ metadata.gz: a5ad94b945af80f365d59181dff62ec59a0afc53
4
+ data.tar.gz: 54880370b2b82cc835f4dfcd1b521f6719b5b0bf
5
5
  SHA512:
6
- metadata.gz: 2b99214618f1c2e914125f57db8b6f43b59a89af40b3ba936251c67b408e3867d012f0db6f6456a44abc64ef95ee5a20d63fb624fa4394b7602a2e1c0b436a37
7
- data.tar.gz: 168c2f4b5b656a9d5887595b152d919172ddcc3989b3e449b8065c18c57b0e8fa83576bc6346e535310a2d4983e6af5c24037754671f8f928b64670dc5719ee6
6
+ metadata.gz: 376f0cb907abbd41f622e90476ee0e8a8b510ca08e49e15a1914269bd08e4ed1f72dca93a12b08071f37e00f4367e0f2cdd299e306dd74cf3594219c84303610
7
+ data.tar.gz: 8b006fb6a444707436315b7cd06ec06aacdbbf84e9e2621eb523e675c7fae161eae6022564757ac7bb738157a3cad4c75fd0640cc2800407e8ae9363a94b35d0
data/Changelog.md CHANGED
@@ -1,4 +1,5 @@
1
- # Jeet Changelog
1
+ ## 6.0.0
2
+ Upgrade to Jeet v6
2
3
 
3
4
  ## 5.3.0
4
5
 
data/README.md CHANGED
@@ -1,37 +1,18 @@
1
- # Jeet-Rails
2
- [![Gem Version](http://img.shields.io/gem/v/jeet.svg?style=flat)](http://badge.fury.io/rb/jeet)
3
- [![Dependency Status](http://img.shields.io/gemnasium/corysimmons/jeet-rails.svg?style=flat)](https://gemnasium.com/corysimmons/jeet-rails)
4
-
5
- SCSS Jeet for Rails
6
-
7
- ## Installation
8
-
9
- In your Gemfile:
10
-
11
- ```ruby
12
- gem 'jeet'
13
- ```
14
-
15
- And then execute:
16
-
17
- ```bash
18
- bundle install
19
- ```
20
-
21
- In your main stylesheet:
22
-
23
- ```sass
24
- @import 'jeet';
25
- ```
26
-
27
- ## Usage
28
-
29
- TODO: Write usage instructions here
30
-
31
- ## Contributing
32
-
33
- 1. Fork it ( https://github.com/corysimmons/jeet/fork )
34
- 2. Create your feature branch (`git checkout -b my-new-feature`)
35
- 3. Commit your changes (`git commit -am 'Add some feature'`)
36
- 4. Push to the branch (`git push origin my-new-feature`)
37
- 5. Create a new Pull Request
1
+ <h1 align="center">Jeet Rails</h1>
2
+ <p align="center">
3
+ <a href="http://badge.fury.io/rb/jeet">
4
+ <img src="http://img.shields.io/gem/v/jeet.svg?style=flat" alt="Gem Version">
5
+ </a>
6
+ <a href="https://gemnasium.com/corysimmons/jeet-rails">
7
+ <img src="http://img.shields.io/gemnasium/corysimmons/jeet-rails.svg?style=flat" alt="Dependency Status">
8
+ </a>
9
+ </p>
10
+
11
+ [Jeet](http://jeet.gs) is a preprocessor grid system that allows you to specify the widths and gutters of elements with fractions. If you want an element to take up half of it's container, simply write `column(1/2)`. More details and docs available at [jeet.gs](http://jeet.gs).
12
+
13
+ ### Installation
14
+ - Gemfile: `gem 'jeet'`
15
+ - `bundle install`
16
+
17
+ ### Usage
18
+ - application.css.scss: `@import 'jeet';`
data/lib/jeet/version.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module Jeet
2
- VERSION = '5.3.0'
2
+ VERSION = '6.0.0'
3
3
  end
@@ -3,8 +3,8 @@
3
3
  * @param {number} [$ratios=1] - A width relative to its container as a fraction.
4
4
  * @param {number} [$offset=0] - A offset specified as a fraction (see $ratios).
5
5
  * @param {number} [$cycle=0] - Easily create an nth column grid where $cycle equals the number of columns.
6
- * @param {number} [$uncycle=0] - Undo a previous cycle vlue to allow for a new one.
7
- * @param {number} [$gutter=$jeet-gutter] - Specifiy the gutter width as a percentage of the containers width.
6
+ * @param {number} [$uncycle=0] - Undo a previous cycle value to allow for a new one.
7
+ * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
8
8
  */
9
9
  @mixin column($ratios: 1, $offset: 0, $cycle: 0, $uncycle: 0, $gutter: $jeet-gutter) {
10
10
  $side: jeet-get-layout-direction();
@@ -69,6 +69,60 @@
69
69
  @include column($args...);
70
70
  }
71
71
 
72
+ /**
73
+ * Get the width of a column and nothing else.
74
+ * @param {number} [$ratios=1] - A width relative to its container as a fraction.
75
+ * @param {number} [$g=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
76
+ */
77
+ @function column-width($ratios: 1, $g: $jeet-gutter) {
78
+ @if ($jeet-parent-first != 'true') {
79
+ $ratios: jeet-reverse($ratios);
80
+ }
81
+
82
+ $w: 100;
83
+
84
+ @each $ratio in $ratios {
85
+ $w: 100 * $ratio - $g + $ratio * $g;
86
+ }
87
+
88
+ @return unquote($w + '%');
89
+ }
90
+
91
+ /**
92
+ * Get the gutter size of a column and nothing else.
93
+ * @param {number} [ratios=1] - A width relative to its container as a fraction.
94
+ * @param {number} [g=jeet.gutter] - Specify the gutter width as a percentage of the containers width.
95
+ */
96
+ @function column-gutter($ratios: 1, $g: $jeet-gutter) {
97
+ @if ($jeet-parent-first != 'true') {
98
+ $ratios: jeet-reverse($ratios);
99
+ }
100
+
101
+ $w: 100;
102
+
103
+ @each $ratio in $ratios {
104
+ $g: $g / $w * 100;
105
+ }
106
+
107
+ @return unquote($g + '%');
108
+ }
109
+
110
+ /**
111
+ * An alias for the column-width function.
112
+ * @param [$args...] - All arguments get passed through to column().
113
+ */
114
+ @function cw($args...) {
115
+ @return column-width($args...);
116
+ }
117
+
118
+ /**
119
+ * An alias for the column-gutter function.
120
+ * @param [$args...] - All arguments get passed through to column().
121
+ */
122
+ @function cg($args...) {
123
+ @return column-gutter($args...);
124
+ }
125
+
72
126
  /**
73
127
  * Style an element as a column without any gutters for a seamless row.
74
128
  * @param {number} [$ratios=1] - A width relative to its container as a fraction.
@@ -104,7 +158,7 @@
104
158
  * Reorder columns without altering the HTML.
105
159
  * @param {number} [$ratios=0] - Specify how far along you want the element to move.
106
160
  * @param {string} [$col-or-span=column] - Specify whether the element has a gutter or not.
107
- * @param {number} [$gutter=$jeet-gutter] - Specifiy the gutter width as a percentage of the containers width.
161
+ * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
108
162
  */
109
163
  @mixin shift($ratios: 0, $col-or-span: column, $gutter: $jeet-gutter) {
110
164
  $translate: '';
@@ -135,10 +189,11 @@
135
189
 
136
190
  /**
137
191
  * View the grid and its layers for easy debugging.
192
+ * @param {string} [$color=black] - The background tint applied.
138
193
  */
139
- @mixin edit() {
194
+ @mixin edit($color: black) {
140
195
  * {
141
- background: rgba(0, 0, 0, .05);
196
+ background: rgba($color, .05);
142
197
  }
143
198
  }
144
199
 
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jeet
3
3
  version: !ruby/object:Gem::Version
4
- version: 5.3.0
4
+ version: 6.0.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Cory Simmons
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2014-09-06 00:00:00.000000000 Z
12
+ date: 2014-09-12 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: sass
@@ -94,7 +94,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
94
94
  version: '0'
95
95
  requirements: []
96
96
  rubyforge_project:
97
- rubygems_version: 2.4.1
97
+ rubygems_version: 2.2.2
98
98
  signing_key:
99
99
  specification_version: 4
100
100
  summary: A grid system for humans.