Skip to content

Commit 6bd5899

Browse files
committed
docs: edit README
1 parent d7336d4 commit 6bd5899

File tree

1 file changed

+20
-9
lines changed

1 file changed

+20
-9
lines changed

README.md

Lines changed: 20 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -44,24 +44,35 @@ $default-grid-gutter: 2%;
4444

4545
```
4646
.grid {
47+
-webkit-box-sizing: border-box;
4748
box-sizing: border-box;
49+
display: -webkit-box;
4850
display: -ms-flexbox;
4951
display: flex;
50-
margin: 0 -1%;
52+
margin-left: -1%;
53+
margin-right: -1%;
5154
}
5255
5356
.grid > .grid__col-3 {
57+
-webkit-box-sizing: border-box;
5458
box-sizing: border-box;
59+
-webkit-box-flex: 0;
5560
-ms-flex: 0 0 23%;
5661
flex: 0 0 23%;
57-
margin: 0 1% 2%;
62+
margin-left: 1%;
63+
margin-right: 1%;
64+
margin-bottom: 2%;
5865
}
5966
6067
.grid > .grid__col-9 {
68+
-webkit-box-sizing: border-box;
6169
box-sizing: border-box;
70+
-webkit-box-flex: 0;
6271
-ms-flex: 0 0 73%;
6372
flex: 0 0 73%;
64-
margin: 0 1% 2%;
73+
margin-left: 1%;
74+
margin-right: 1%;
75+
margin-bottom: 2%;
6576
}
6677
```
6778

@@ -120,13 +131,9 @@ Example : import form node_modules
120131

121132
See Flexbox Grid Mixins documentation: [http://thingsym.github.io/flexbox-grid-mixins/](http://thingsym.github.io/flexbox-grid-mixins/)
122133

123-
## Package manager
124-
125-
[flexbox-grid-mixins - npm](https://www.npmjs.com/package/flexbox-grid-mixins)
126-
127134
## Mixins Reference
128135

129-
* [Mixins Reference](http://thingsym.github.io/flexbox-grid-mixins/#Mixins-Reference)
136+
[Mixins Reference](http://thingsym.github.io/flexbox-grid-mixins/#Mixins-Reference)
130137

131138
## Example
132139

@@ -141,7 +148,11 @@ See Flexbox Grid Mixins documentation: [http://thingsym.github.io/flexbox-grid-m
141148
* [Grid Type](http://thingsym.github.io/flexbox-grid-mixins/example/grid-type.html)
142149
* [Testing Stick Out Grid](http://thingsym.github.io/flexbox-grid-mixins/example/test-stick-out.html)
143150

144-
### Development
151+
## Package manager
152+
153+
[flexbox-grid-mixins - npm](https://www.npmjs.com/package/flexbox-grid-mixins)
154+
155+
## Development
145156

146157
1. run ```$ sudo yum install nodejs npm```
147158
2. run ```$ sudo npm install --global gulp-cli```

0 commit comments

Comments
 (0)