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