diff options
| author | Yan Zhu <picturepan2@hotmail.com> | 2016-05-08 08:47:08 +0300 |
|---|---|---|
| committer | Yan Zhu <picturepan2@hotmail.com> | 2016-05-08 08:47:08 +0300 |
| commit | be4c237164cc2da7f084e20b879b9474921ea723 (patch) | |
| tree | 59d4f7baba8cab019966e9ad7fa9b363f37aa221 | |
| parent | ec5bf66421f5f958f0749c5e04c4e15b499c4e29 (diff) | |
code cleanup and update doc
| -rw-r--r-- | README.md | 11 | ||||
| -rw-r--r-- | bower.json | 2 | ||||
| -rw-r--r-- | index.html | 5 | ||||
| -rw-r--r-- | package.json | 2 | ||||
| -rw-r--r-- | src/forms.less | 9 | ||||
| -rw-r--r-- | tools/resizer/assets/css/app.css | 1 |
6 files changed, 14 insertions, 16 deletions
@@ -5,8 +5,7 @@ Spectre.css is a lightweight, responsive and modern CSS framework for faster and - flexbox, responsive and mobile-friendly layout - carefully designed elements - built in useful components and utilities -- patterns and html templates (soon) -- email templates (soon) +- responsive email templates (soon) Spectre is a side project based on years of CSS development work on a large web service project. Spectre only includes modern base styles, responsive layout system, CSS components and utilities, and it can be modified for your project with LESS compiler. @@ -18,9 +17,9 @@ There are 3 ways to get started with Spectre CSS framework in your projects. You ##### Install manually Download the compiled and minified [Spectre CSS file](https://github.com/picturepan2/spectre/tree/master/dist). ##### Install with NPM -`$ npm install spectre.css --save` +`$ npm install spectre.css` ##### Install with Bower -`$ bower install spectre.css --save` +`$ bower install spectre.css` And include it in your website or Web app <head> part. @@ -64,6 +63,10 @@ You can compiling your custom version of Spectre.css. Read [the documentation](h - [utilities](http://picturepan2.github.io/spectre/#utilities) - layout, positions, display, text, shapes, loading things +### Tools + +- [Responsive Resizer](http://picturepan2.github.io/spectre/tools/resizer) - responsive test tool + ### Browser support Spectre uses [Autoprefixer](https://github.com/postcss/autoprefixer) to make most styles compatible with earlier browsers and [Normalize.css](https://necolas.github.io/normalize.css/) for CSS resets. Spectre is designed for modern browsers. For best compatiblity, these browsers are recommended: - Chrome (last two) @@ -1,6 +1,6 @@ { "name": "spectre.css", - "version": "0.1.20", + "version": "0.1.21", "description": "Spectre.css: a lightweight, responsive and modern CSS framework.", "homepage": "http://picturepan2.github.io/spectre", "repository": "picturepan2/spectre", @@ -73,8 +73,7 @@ <li>flexbox, responsive and mobile-friendly layout</li> <li>carefully designed elements</li> <li>built in useful components and utilities</li> - <li>patterns and html templates <span class="label label-primary">soon</span></li> - <li>email templates <span class="label label-primary">soon</span></li> + <li>responsive email templates <span class="label label-primary">soon</span></li> </ul> </section> <section class="notes text-center"> @@ -2426,7 +2425,7 @@ <footer class="bg-grey"> <section id="copyright" class="grid-footer container grid-960"> <p> - <a href="https://github.com/picturepan2/spectre" target="_blank">GitHub Repo</a> | <a href="#">Back to top</a> | version: 0.1.20 + <a href="https://github.com/picturepan2/spectre" target="_blank">GitHub Repo</a> | <a href="#">Back to top</a> | version: 0.1.21 </p> <p>Designed and built with love by <a href="https://twitter.com/picturepan2" target="_blank">Yan Zhu</a>. Licensed under the <a href="https://github.com/picturepan2/spectre/blob/master/LICENSE" target="_blank">MIT License</a>.</p> </section> diff --git a/package.json b/package.json index 3edf308..40c010a 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "spectre.css", - "version": "0.1.20", + "version": "0.1.21", "homepage": "http://picturepan2.github.io/spectre", "author": "Yan Zhu <picturepan2@hotmail.com>", "description": "Spectre.css: a lightweight, responsive and modern CSS framework.", diff --git a/src/forms.less b/src/forms.less index 96049c9..67c4673 100644 --- a/src/forms.less +++ b/src/forms.less @@ -46,6 +46,7 @@ &.input-inline { display: inline-block; + vertical-align: middle; width: auto; } @@ -266,10 +267,4 @@ z-index: 99; } } -} -// Form inline -.form-inline { - display: inline-block; - vertical-align: middle; - width: auto; -} +}
\ No newline at end of file diff --git a/tools/resizer/assets/css/app.css b/tools/resizer/assets/css/app.css index 32c03e8..1f71031 100644 --- a/tools/resizer/assets/css/app.css +++ b/tools/resizer/assets/css/app.css @@ -86,6 +86,7 @@ flex: 1 1 auto; height: auto; position: relative; + width: 100%; } .browser .browser-body iframe { height: 100%; |