jeet 5.3.0 → 6.0.0

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.
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.