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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 6fdc5ba2fac54e175d1466e82074058591cd430c
4
- data.tar.gz: 51e01ddf7e4001226acaf65c38852b93a7edbd80
3
+ metadata.gz: 0aa812835f024f3f0ab97ca01dfb8c58f4a4edbf
4
+ data.tar.gz: 3e5f6ffd98326544ebf79e597d1ab430e16dde20
5
5
  SHA512:
6
- metadata.gz: 13408a9edce5737910723c1922831d114a5824231fbf60669a7794cf0e5e4c7b4a95d59eb0a490b091391cd6236d5b869fbd5920cabf3533eb82a20d23adf842
7
- data.tar.gz: 3b030031e1e164aa5b9c526edd3c2306335e83cfd79ef2fa994265c137ae902b7d09e39d51ffdfacbc82a56e2d6806bc50e173433ea62b47e9b2c60297741a87
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 run the variables generator
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
- Then you can change the sass variables in the generated file located at ```app/assets/stylesheets/grids_lite_variables.scss```
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
+ }
@@ -1,3 +1,3 @@
1
1
  module GridsLite
2
- VERSION = "1.0.1"
2
+ VERSION = "1.0.2"
3
3
  end
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.1
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-13 00:00:00.000000000 Z
11
+ date: 2016-01-17 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: rails