grids_lite 1.0.1 → 1.0.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +13 -11
- data/app/assets/stylesheets/grids_lite/col-1.scss +13 -0
- data/lib/grids_lite/version.rb +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 0aa812835f024f3f0ab97ca01dfb8c58f4a4edbf
|
4
|
+
data.tar.gz: 3e5f6ffd98326544ebf79e597d1ab430e16dde20
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 5106cd0ad5510541fa1f8b7f68fa1da957ec8c4e82b4ff9234487daed1cd67c6a33600a5849e33de0e6bc9f31264e1505d645fb6ddba90776b4706e1f09836d6
|
7
|
+
data.tar.gz: b6b0c0fa79f4302a3ab941a72be1296d678ed088f61e545ebf3ff4cb91e9c3740a19ee73e67d79e2a2d15ebda283ab16baec76a97f7928cf1841150c7495f632
|
data/README.md
CHANGED
@@ -7,7 +7,7 @@ A responsive grid system doesn't have to be complicated or full of unused styles
|
|
7
7
|
Add this line to your application's Gemfile:
|
8
8
|
|
9
9
|
```ruby
|
10
|
-
gem 'grids_lite'
|
10
|
+
gem 'grids_lite', '~> 1.0.1'
|
11
11
|
```
|
12
12
|
|
13
13
|
And then execute:
|
@@ -16,9 +16,14 @@ And then execute:
|
|
16
16
|
|
17
17
|
Or install it yourself as:
|
18
18
|
|
19
|
-
$ gem install grids_lite
|
19
|
+
$ gem install grids_lite -v 1.0.1
|
20
20
|
|
21
21
|
## Setup
|
22
|
+
Run this in your console
|
23
|
+
|
24
|
+
```
|
25
|
+
rails g grids_lite variables
|
26
|
+
```
|
22
27
|
|
23
28
|
Pick and choose which column stylesheets to include in your asset pipeline. **base is not optional.**
|
24
29
|
|
@@ -48,7 +53,7 @@ Pick and choose which column stylesheets to include in your asset pipeline. **ba
|
|
48
53
|
Wrap your ```col-``` classes in a ```columns``` class. If you are using text inside your ```col-``` classes you will also need to set a font-size for the text somewhere inside for the text to appear.
|
49
54
|
|
50
55
|
Example 1
|
51
|
-
```
|
56
|
+
```html
|
52
57
|
<div class="columns">
|
53
58
|
<div class="col-1-1 col-1-2-med col-2-8-lrg">
|
54
59
|
<div style="font-size: 20px">
|
@@ -65,7 +70,7 @@ Example 1
|
|
65
70
|
````
|
66
71
|
|
67
72
|
Example 2
|
68
|
-
```
|
73
|
+
```html
|
69
74
|
<div class="columns">
|
70
75
|
<div class="col-1-1 col-1-5-med">
|
71
76
|
<div style="font-size: 20px">
|
@@ -82,7 +87,7 @@ Example 2
|
|
82
87
|
```
|
83
88
|
|
84
89
|
Example using gutters
|
85
|
-
```
|
90
|
+
```html
|
86
91
|
<div class="columns gutters">
|
87
92
|
<div class="col-1-1">
|
88
93
|
<div style="font-size: 20px">
|
@@ -100,14 +105,11 @@ Example using gutters
|
|
100
105
|
|
101
106
|
## Customize
|
102
107
|
|
103
|
-
To change media query breakpoints and gutter widths
|
104
|
-
```
|
105
|
-
rails g grids_lite variables
|
106
|
-
```
|
108
|
+
To change media query breakpoints and gutter widths, change the sass variables in the generated file located at ```app/assets/stylesheets/grids_lite_variables.scss```
|
107
109
|
|
108
|
-
|
110
|
+
which has these variables
|
109
111
|
|
110
|
-
```
|
112
|
+
```sass
|
111
113
|
$med-width: 768px;
|
112
114
|
$lrg-width: 1024px;
|
113
115
|
$gutter-width: 20px;
|
@@ -1,3 +1,16 @@
|
|
1
|
+
@import "grids_lite_variables";
|
2
|
+
@import "mixins";
|
3
|
+
|
1
4
|
.col-1-1 {
|
2
5
|
width: 100%;
|
3
6
|
}
|
7
|
+
@media only screen and (min-width: $med-width) {
|
8
|
+
.col-1-1-med {
|
9
|
+
width: 100%;
|
10
|
+
}
|
11
|
+
}
|
12
|
+
@media only screen and (min-width: $lrg-width) {
|
13
|
+
.col-1-1-lrg {
|
14
|
+
width: 100%;
|
15
|
+
}
|
16
|
+
}
|
data/lib/grids_lite/version.rb
CHANGED
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: grids_lite
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 1.0.
|
4
|
+
version: 1.0.2
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Miles Stanfield
|
8
8
|
autorequire:
|
9
9
|
bindir: exe
|
10
10
|
cert_chain: []
|
11
|
-
date: 2016-01-
|
11
|
+
date: 2016-01-17 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: rails
|