grids_lite 1.0.1 → 1.0.2
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/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
|