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 +4 -4
- data/Changelog.md +2 -1
- data/README.md +18 -37
- data/lib/jeet/version.rb +1 -1
- data/vendor/assets/stylesheets/jeet/_grid.scss +60 -5
- metadata +3 -3
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: a5ad94b945af80f365d59181dff62ec59a0afc53
|
4
|
+
data.tar.gz: 54880370b2b82cc835f4dfcd1b521f6719b5b0bf
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 376f0cb907abbd41f622e90476ee0e8a8b510ca08e49e15a1914269bd08e4ed1f72dca93a12b08071f37e00f4367e0f2cdd299e306dd74cf3594219c84303610
|
7
|
+
data.tar.gz: 8b006fb6a444707436315b7cd06ec06aacdbbf84e9e2621eb523e675c7fae161eae6022564757ac7bb738157a3cad4c75fd0640cc2800407e8ae9363a94b35d0
|
data/Changelog.md
CHANGED
data/README.md
CHANGED
@@ -1,37 +1,18 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
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
@@ -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
|
7
|
-
* @param {number} [$gutter=$jeet-gutter] -
|
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] -
|
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(
|
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:
|
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-
|
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.
|
97
|
+
rubygems_version: 2.2.2
|
98
98
|
signing_key:
|
99
99
|
specification_version: 4
|
100
100
|
summary: A grid system for humans.
|