@@ -14,7 +14,7 @@ Marx is a CSS stylesheet to be used in any projects (namely small ones). If you
14
14
## Key features
15
15
16
16
- Built atop of Sanitize.css, meaning all browsers render consistently.
17
- - Created using the SASS preprocessors (Customise all the variables!).
17
+ - Created using SASS and Stylus preprocessors (Customise all the variables!).
18
18
- Responsive and mobile-friendly.
19
19
- Clean, beautiful typography.
20
20
- Forms, tables, buttons and navigation.
@@ -32,9 +32,12 @@ Several quick start options are available:
32
32
- Install with [ NPM] ( https://www.npmjs.com/ ) : ` npm install marx-css ` (recommended).
33
33
- Install with [ Bower] ( http://bower.io ) : ` bower install marx ` .
34
34
- Use the latest Marx CDN
35
- ```
35
+
36
+ ``` html
37
+
36
38
<!-- Latest compiled and minified CSS -->
37
39
<link rel =" stylesheet" href =" https://cdn.rawgit.com/mblode/marx/master/css/marx.min.css" >
40
+
38
41
```
39
42
- [ Source code.] ( https://raw.githubusercontent.com/mblode/marx/master/css/marx.min.css )
40
43
- [ Download the latest release] ( https://github.com/mblode/marx/archive/master.zip ) .
@@ -53,31 +56,48 @@ The gh-pages branch is built using Jekyll and must therefore be install with `ge
53
56
54
57
1 . Checkout in to gh-pages: ` git checkout gh-pages ` .
55
58
2 . Install marx dependency: ` bower install ` .
56
- 3 . Run middleman: ` middleman serve ` .
59
+ 3 . Run middleman: ` bundle exec middleman serve` .
57
60
4 . Open in browser: ` localhost:4567 ` .
58
61
59
62
## What's Included
60
63
61
- These are the files that are generated from ` bower install marx`
64
+ These are the files that are generated from ` npm install marx-css `
62
65
63
66
```
67
+
64
68
.
65
- ├── README.md
66
69
├── LICENSE.md
70
+ ├── README.md
67
71
├── bower.json
68
- ├── package.json
69
72
├── css
70
- │ ├── marx.css
71
- │ ├── marx.min.css
72
- └── scss
73
- ├── _base.scss
74
- ├── _buttons.scss
75
- ├── _forms.scss
76
- ├── _sanitize.scss
77
- ├── _tables.scss
78
- ├── _typography.scss
79
- ├── _variables.scss
80
- └── marx.scss
73
+ │ ├── marx.css
74
+ │ ├── marx.min.css
75
+ │ ├── marx.min.css.map
76
+ │ ├── marx.styl.css
77
+ │ ├── marx.styl.min.css
78
+ │ └── marx.styl.min.css.map
79
+ ├── gulpfile.js
80
+ ├── index-stylus.html
81
+ ├── index.html
82
+ ├── package.json
83
+ ├── scss
84
+ │ ├── _base.scss
85
+ │ ├── _buttons.scss
86
+ │ ├── _form.scss
87
+ │ ├── _tables.scss
88
+ │ ├── _typography.scss
89
+ │ ├── _variables.scss
90
+ │ └── marx.scss
91
+ └── styl
92
+ ├── _base.styl
93
+ ├── _buttons.styl
94
+ ├── _form.styl
95
+ ├── _sanitize.styl
96
+ ├── _tables.styl
97
+ ├── _typography.styl
98
+ ├── _variables.styl
99
+ └── marx.styl
100
+
81
101
82
102
```
83
103
@@ -86,6 +106,7 @@ These are the files that are generated from `bower install marx`
86
106
### Basic HTML Template
87
107
88
108
``` html
109
+
89
110
<!DOCTYPE html>
90
111
<html lang =" en" >
91
112
<head >
@@ -135,6 +156,7 @@ These are the files that are generated from `bower install marx`
135
156
136
157
</body >
137
158
</html >
159
+
138
160
```
139
161
140
162
## Contributing to Marx
0 commit comments