gluhu 0.0.4 → 0.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/README.md +137 -2
- data/lib/gluhu.rb +1 -1
- data/templates/project/gluhu-example.html +3 -7
- data/templates/project/manifest.rb +1 -1
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: a89a0d319467c0eb6a610b1f485b797ec37cdd0c
|
|
4
|
+
data.tar.gz: 20e6bea6b8403454ed328122f910f937b733aa3e
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 527b4bc0d9f877bea797ec705972c0f832e361b26f7f8ee523f420790eadb7d51fc04c5a19165110ca271c8ae4af158d66befc83af23629021189a90e875977b
|
|
7
|
+
data.tar.gz: f3437ee844a4f58ba22c199879192fe45ea038cb6d6578606530a68a952e54a623f25d0ccfa0f548713a4964f628802075a7d021293c65140e42b8a8e091052e
|
data/README.md
CHANGED
|
@@ -1,4 +1,139 @@
|
|
|
1
|
-
|
|
1
|
+
Gluhu
|
|
2
2
|
=====
|
|
3
3
|
|
|
4
|
-
A compass extension
|
|
4
|
+
A compass extension to help you develop more quickly.
|
|
5
|
+
|
|
6
|
+
Features
|
|
7
|
+
--------
|
|
8
|
+
|
|
9
|
+
### Grid system
|
|
10
|
+
|
|
11
|
+
10 column responsive grid system.
|
|
12
|
+
|
|
13
|
+
Columns sit inside of a row.
|
|
14
|
+
|
|
15
|
+
Maximum 10 columns in a row.
|
|
16
|
+
|
|
17
|
+
``` HTML
|
|
18
|
+
|
|
19
|
+
<div class="row">
|
|
20
|
+
|
|
21
|
+
<div class="column-10">
|
|
22
|
+
|
|
23
|
+
</div>
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
</div>
|
|
27
|
+
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
### Navigation
|
|
31
|
+
|
|
32
|
+
Give a `nav` element a class of `.navigation` to format it.
|
|
33
|
+
|
|
34
|
+
``` HTML
|
|
35
|
+
|
|
36
|
+
<nav class="navigation">
|
|
37
|
+
|
|
38
|
+
<ul>
|
|
39
|
+
|
|
40
|
+
<li><a href="#">Nav link 1</a></li>
|
|
41
|
+
<li><a href="#">Nav link 2</a></li>
|
|
42
|
+
<li><a href="#">Nav link 3</a></li>
|
|
43
|
+
|
|
44
|
+
</ul>
|
|
45
|
+
|
|
46
|
+
</nav>
|
|
47
|
+
|
|
48
|
+
```
|
|
49
|
+
### Typography
|
|
50
|
+
|
|
51
|
+
Typographic scale and vertical rhythm. Fully customizable in the `_base.scss` file.
|
|
52
|
+
|
|
53
|
+
### Forms
|
|
54
|
+
|
|
55
|
+
Standard form elements, styled to work across major browsers. Check the example html file for a list of classes associated with forms.
|
|
56
|
+
|
|
57
|
+
### Fully configurable.
|
|
58
|
+
|
|
59
|
+
The _base.scss file allows you to override virtually any variable without having to touch the core code.
|
|
60
|
+
|
|
61
|
+
Installation
|
|
62
|
+
------------
|
|
63
|
+
|
|
64
|
+
### New compass project
|
|
65
|
+
|
|
66
|
+
Install compass if you haven't already.
|
|
67
|
+
|
|
68
|
+
```
|
|
69
|
+
gem install compass
|
|
70
|
+
|
|
71
|
+
```
|
|
72
|
+
Create an empty compass project.
|
|
73
|
+
|
|
74
|
+
```
|
|
75
|
+
compass create my-project --bare
|
|
76
|
+
|
|
77
|
+
```
|
|
78
|
+
Install gluhu
|
|
79
|
+
|
|
80
|
+
```
|
|
81
|
+
compass install gluhu
|
|
82
|
+
|
|
83
|
+
```
|
|
84
|
+
Then open config.rb and require gluhu
|
|
85
|
+
|
|
86
|
+
```
|
|
87
|
+
require 'compass/import-once/activate'
|
|
88
|
+
|
|
89
|
+
# Require any additional compass plugins here.
|
|
90
|
+
|
|
91
|
+
require "gluhu"
|
|
92
|
+
|
|
93
|
+
```
|
|
94
|
+
|
|
95
|
+
### Existing compass project.
|
|
96
|
+
|
|
97
|
+
Install gluhu
|
|
98
|
+
|
|
99
|
+
```
|
|
100
|
+
compass install gluhu
|
|
101
|
+
|
|
102
|
+
```
|
|
103
|
+
|
|
104
|
+
Open config.rb and require gluhu
|
|
105
|
+
|
|
106
|
+
```
|
|
107
|
+
require 'compass/import-once/activate'
|
|
108
|
+
|
|
109
|
+
# Require any additional compass plugins here.
|
|
110
|
+
|
|
111
|
+
require "gluhu"
|
|
112
|
+
|
|
113
|
+
```
|
|
114
|
+
|
|
115
|
+
### Installing jQuery
|
|
116
|
+
|
|
117
|
+
Some aspects of gluhu rely on jQuery. There are a number ways to include it. I won't go over all of them.
|
|
118
|
+
One option is to use bower to manage dependcies. Bower relies on node.js. You need to install this before following these
|
|
119
|
+
steps.
|
|
120
|
+
|
|
121
|
+
First install bower globally.
|
|
122
|
+
|
|
123
|
+
```
|
|
124
|
+
|
|
125
|
+
npm install -g bower
|
|
126
|
+
|
|
127
|
+
```
|
|
128
|
+
|
|
129
|
+
Next. Install jquery in your projects directory.
|
|
130
|
+
|
|
131
|
+
```
|
|
132
|
+
|
|
133
|
+
bower install jquery
|
|
134
|
+
|
|
135
|
+
```
|
|
136
|
+
|
|
137
|
+
<hr>
|
|
138
|
+
|
|
139
|
+
Add the gluhu stylesheet, jQuery and toggle.js files to gluhu-example.html otherwise it won't work.
|
data/lib/gluhu.rb
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
<html>
|
|
3
3
|
<head>
|
|
4
4
|
<title>Gluhu</title>
|
|
5
|
-
|
|
5
|
+
<!-- Add gluhu stylesheet here -->
|
|
6
6
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
7
7
|
</head>
|
|
8
8
|
<body>
|
|
@@ -346,11 +346,7 @@
|
|
|
346
346
|
|
|
347
347
|
</div><!--container-->
|
|
348
348
|
|
|
349
|
-
|
|
350
|
-
<script src="js/toggle.js"></script>
|
|
349
|
+
<!-- add jquery an toggle.js here -->
|
|
351
350
|
|
|
352
351
|
</body>
|
|
353
|
-
</html>
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
352
|
+
</html>
|