File tree Expand file tree Collapse file tree 1 file changed +20
-9
lines changed Expand file tree Collapse file tree 1 file changed +20
-9
lines changed Original file line number Diff line number Diff line change @@ -44,24 +44,35 @@ $default-grid-gutter: 2%;
44
44
45
45
```
46
46
.grid {
47
+ -webkit-box-sizing: border-box;
47
48
box-sizing: border-box;
49
+ display: -webkit-box;
48
50
display: -ms-flexbox;
49
51
display: flex;
50
- margin: 0 -1%;
52
+ margin-left: -1%;
53
+ margin-right: -1%;
51
54
}
52
55
53
56
.grid > .grid__col-3 {
57
+ -webkit-box-sizing: border-box;
54
58
box-sizing: border-box;
59
+ -webkit-box-flex: 0;
55
60
-ms-flex: 0 0 23%;
56
61
flex: 0 0 23%;
57
- margin: 0 1% 2%;
62
+ margin-left: 1%;
63
+ margin-right: 1%;
64
+ margin-bottom: 2%;
58
65
}
59
66
60
67
.grid > .grid__col-9 {
68
+ -webkit-box-sizing: border-box;
61
69
box-sizing: border-box;
70
+ -webkit-box-flex: 0;
62
71
-ms-flex: 0 0 73%;
63
72
flex: 0 0 73%;
64
- margin: 0 1% 2%;
73
+ margin-left: 1%;
74
+ margin-right: 1%;
75
+ margin-bottom: 2%;
65
76
}
66
77
```
67
78
@@ -120,13 +131,9 @@ Example : import form node_modules
120
131
121
132
See Flexbox Grid Mixins documentation: [ http://thingsym.github.io/flexbox-grid-mixins/ ] ( http://thingsym.github.io/flexbox-grid-mixins/ )
122
133
123
- ## Package manager
124
-
125
- [ flexbox-grid-mixins - npm] ( https://www.npmjs.com/package/flexbox-grid-mixins )
126
-
127
134
## Mixins Reference
128
135
129
- * [ Mixins Reference] ( http://thingsym.github.io/flexbox-grid-mixins/#Mixins-Reference )
136
+ [ Mixins Reference] ( http://thingsym.github.io/flexbox-grid-mixins/#Mixins-Reference )
130
137
131
138
## Example
132
139
@@ -141,7 +148,11 @@ See Flexbox Grid Mixins documentation: [http://thingsym.github.io/flexbox-grid-m
141
148
* [ Grid Type] ( http://thingsym.github.io/flexbox-grid-mixins/example/grid-type.html )
142
149
* [ Testing Stick Out Grid] ( http://thingsym.github.io/flexbox-grid-mixins/example/test-stick-out.html )
143
150
144
- ### Development
151
+ ## Package manager
152
+
153
+ [ flexbox-grid-mixins - npm] ( https://www.npmjs.com/package/flexbox-grid-mixins )
154
+
155
+ ## Development
145
156
146
157
1 . run ``` $ sudo yum install nodejs npm ```
147
158
2 . run ``` $ sudo npm install --global gulp-cli ```
You can’t perform that action at this time.
0 commit comments