-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstyles.less
executable file
·110 lines (68 loc) · 3.35 KB
/
styles.less
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
/*
# Kalei - Style guide
## Generates bootstrap-like documentation for your own CSS!
This project aims at making sure your style sheets are fully documented whilst being synchronized with your webpages styles. To do this it actually uses your live stylesheets in so that at anytime you can review how your styleguide looks.
This website is a live example generated from Kalei's style.css
<iframe src="http://ghbtns.com//github-btn.html?user=kaleistyleguide&repo=kaleistyleguide&type=watch&count=true&size=large" allowtransparency="true" frameborder="0" scrolling="0" width="170px" height="30px"></iframe>
<iframe src="http://ghbtns.com//github-btn.html?user=kaleistyleguide&repo=kaleistyleguide&type=fork&count=true&size=large" allowtransparency="true" frameborder="0" scrolling="0" width="146px" height="30px"></iframe>
## Getting started
1. Download the repository (`git clone git://github.com/kaleistyleguide/kaleistyleguide.git`)
2. Serve it on a HTTP server and it should work!
3. Edit `js/config.js` to point at your own `styles.css`
### Rails Gem
Install quickly and easily with the [rails gem](https://github.com/andrewhavens/kalei-ruby-gem)
## Example
Easily show off examples of your components and the HTML to generate them
```
<div class="actions button-container">
<a href="#" class="button primary">Compose new</a>
<div class="button-group">
<a href="#" class="button primary">Archive</a>
<a href="#" class="button">Report spam</a>
<a href="#" class="button danger">Delete</a>
</div>
<div class="button-group minor-group">
<a href="#" class="button">Move to</a>
<a href="#" class="button">Labels</a>
</div>
</div>
```
## Main goals and benefits
* Fully documented CSS - No need to explain the benefits
* No dependencies, simply download the repository and run in your browser
* Automatic generation of demo UI components
* Easy access for anyone, designer, developer, manager and users
* Rapid development of projects by allowing developers to find the correct CSS and HTML for any given UI component
* Open sourced so that all great ideas can be included
## Author
[Thomas Davis](http://thomasdavis.github.com)
Luke Brooker
Richard Barret
<a style="" href="https://twitter.com/neutralthoughts" class="twitter-follow-button">Follow @neutralthoughts</a>
<script src="//platform.twitter.com/widgets.js" type="text/javascript"></script>
## Inspiration and alternatives
Kalei is heavily influenced by the following projects and blog posts.
[Pea.rs](http://pea.rs/)
[KSS](http://warpspire.com/posts/kss/)
[StyleDocco](http://jacobrask.github.com/styledocco/)
[RJ Metrics](http://info.rjmetrics.com/blog/bid/52753/Our-Living-Style-Guide-Writing-maintainable-HTML-CSS)
[Anchoring Your Design Language in a Live Style Guide](http://uxmag.com/articles/anchoring-your-design-language-in-a-live-style-guide)
[Nadarei KSS](http://nadarei.co/nkss-rails/) - rails
## Technologies
* [marked](https://github.com/chjj/marked)
* [jscssp](http://www.glazman.org/JSCSSP/)
* cssbeautify
* [fixie](http://fixiejs.com/)
* [highlight](http://softwaremaniacs.org/soft/highlight/en/)
* [backbone](http://backbonejs.org/)
* [underscore](http://underscorejs.org/)
* [jquery](http://jquery.com)
## License
Public domain: http://unlicense.org/
## Stylesheets
*/
/* ### Third Party ### */
@import url("test.less");
#main {
min-height: 100px;
}