compass-pattern-primer 0.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/lib/compass-pattern-primer.rb +31 -0
- data/stylesheets/compass-pattern-primer.scss +12 -0
- data/stylesheets/compass-pattern-primer/_base.scss +10 -0
- data/stylesheets/compass-pattern-primer/_modules.scss +8 -0
- data/stylesheets/compass-pattern-primer/_reset.scss +10 -0
- data/stylesheets/compass-pattern-primer/base/_buttons.scss +24 -0
- data/stylesheets/compass-pattern-primer/base/_forms.scss +26 -0
- data/stylesheets/compass-pattern-primer/base/_links.scss +24 -0
- data/stylesheets/compass-pattern-primer/base/_page.scss +16 -0
- data/stylesheets/compass-pattern-primer/base/_search.scss +19 -0
- data/stylesheets/compass-pattern-primer/base/_typography.scss +142 -0
- data/stylesheets/compass-pattern-primer/modules/_control.scss +3 -0
- data/stylesheets/compass-pattern-primer/modules/_feedback.scss +9 -0
- data/stylesheets/compass-pattern-primer/modules/_options.scss +3 -0
- data/stylesheets/compass-pattern-primer/modules/_pagination.scss +3 -0
- data/stylesheets/compass-pattern-primer/partials/_colors.scss +29 -0
- data/stylesheets/compass-pattern-primer/partials/_extendables.scss +188 -0
- data/stylesheets/compass-pattern-primer/partials/_functions.scss +8 -0
- data/stylesheets/compass-pattern-primer/partials/_mixins.scss +145 -0
- data/stylesheets/compass-pattern-primer/partials/variables/_variables.scss +18 -0
- data/stylesheets/compass-pattern-primer/partials/variables/base/_buttons.scss +68 -0
- data/stylesheets/compass-pattern-primer/partials/variables/base/_colors.scss +1 -0
- data/stylesheets/compass-pattern-primer/partials/variables/base/_forms.scss +10 -0
- data/stylesheets/compass-pattern-primer/partials/variables/base/_links.scss +31 -0
- data/stylesheets/compass-pattern-primer/partials/variables/base/_page.scss +30 -0
- data/stylesheets/compass-pattern-primer/partials/variables/base/_search.scss +20 -0
- data/stylesheets/compass-pattern-primer/partials/variables/base/_typography.scss +202 -0
- data/stylesheets/compass-pattern-primer/partials/variables/modules/_control.scss +24 -0
- data/stylesheets/compass-pattern-primer/partials/variables/modules/_feedback.scss +22 -0
- data/stylesheets/compass-pattern-primer/partials/variables/modules/_options.scss +23 -0
- data/stylesheets/compass-pattern-primer/partials/variables/modules/_pagination.scss +26 -0
- data/stylesheets/compass-pattern-primer/reset/_reset.scss +19 -0
- data/stylesheets/compass-pattern-primer/reset/libraries/_eric_meyer_reset.scss +51 -0
- data/stylesheets/compass-pattern-primer/reset/libraries/_formalize.scss +378 -0
- data/stylesheets/compass-pattern-primer/reset/libraries/_normalize.scss +935 -0
- data/templates/project/ie.scss +4 -0
- data/templates/project/manifest.rb +26 -0
- data/templates/project/pattern-primer.html +401 -0
- data/templates/project/print.scss +1 -0
- data/templates/project/screen.scss +3 -0
- metadata +112 -0
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
# Description
|
|
2
|
+
description "Compass Pattern Primer is based on Adactio/Jeremy Keith's Pattern Primer. It provides a scaffolding to create a basic style guide for any website."
|
|
3
|
+
|
|
4
|
+
# Stylesheet Import
|
|
5
|
+
file 'screen.scss', :like => :stylesheet, :media => 'screen, projection'
|
|
6
|
+
file 'print.scss', :like => :stylesheet, :media => 'screen, projection'
|
|
7
|
+
file 'ie.scss', :like => :stylesheet, :media => 'screen, projection', :condition => "lt IE 9"
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
# Javascript Import
|
|
11
|
+
# file 'scripts.js', :like => :javascript, :to => 'scripts.js'
|
|
12
|
+
|
|
13
|
+
html 'pattern-primer.html', :to => "pattern-primer.html"
|
|
14
|
+
# General File Import
|
|
15
|
+
# file 'README.md', :to => "README.md"
|
|
16
|
+
|
|
17
|
+
# Compass Extension Help
|
|
18
|
+
help %Q{
|
|
19
|
+
Help for your Compass extension
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
# Compass Extension Welcome Message
|
|
23
|
+
# Users will see this when they create a new project using this template.
|
|
24
|
+
welcome_message %Q{
|
|
25
|
+
Welcome to Compass Pattern Primer!
|
|
26
|
+
}
|
|
@@ -0,0 +1,401 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<head>
|
|
3
|
+
<meta charset="utf-8">
|
|
4
|
+
<title>Compass Pattern Primer</title>
|
|
5
|
+
<link rel="stylesheet" href="screen.css">
|
|
6
|
+
</head>
|
|
7
|
+
<body>
|
|
8
|
+
|
|
9
|
+
<div class="pattern">
|
|
10
|
+
<div class="display">
|
|
11
|
+
<blockquote>
|
|
12
|
+
<p>This text is quoted. A block of quoted text like this is particularly useful when presented as a pull-quote within an article of text.</p>
|
|
13
|
+
</blockquote>
|
|
14
|
+
</div>
|
|
15
|
+
</div>
|
|
16
|
+
<div class="pattern">
|
|
17
|
+
<div class="display">
|
|
18
|
+
<article class="color-guide">
|
|
19
|
+
<ul>
|
|
20
|
+
<li data-sass="nth($black, 1)"></li>
|
|
21
|
+
<li data-sass="nth($black, 2)"></li>
|
|
22
|
+
<li data-sass="nth($black, 3)"></li>
|
|
23
|
+
<li data-sass="nth($black, 4)"></li>
|
|
24
|
+
<li data-sass="nth($black, 5)"></li>
|
|
25
|
+
<li data-sass="nth($black, 6)"></li>
|
|
26
|
+
<li data-sass="nth($primary, 1)"></li>
|
|
27
|
+
<li data-sass="nth($primary, 2)"></li>
|
|
28
|
+
<li data-sass="nth($primary, 3)"></li>
|
|
29
|
+
<li data-sass="nth($primary, 4)"></li>
|
|
30
|
+
<li data-sass="nth($primary, 5)"></li>
|
|
31
|
+
<li data-sass="nth($primary, 6)"></li>
|
|
32
|
+
<li data-sass="nth($secondary, 1)"></li>
|
|
33
|
+
<li data-sass="nth($secondary, 2)"></li>
|
|
34
|
+
<li data-sass="nth($secondary, 3)"></li>
|
|
35
|
+
<li data-sass="nth($secondary, 4)"></li>
|
|
36
|
+
<li data-sass="nth($secondary, 5)"></li>
|
|
37
|
+
<li data-sass="nth($secondary, 6)"></li>
|
|
38
|
+
<li data-sass="nth($tertiary, 1)"></li>
|
|
39
|
+
<li data-sass="nth($tertiary, 2)"></li>
|
|
40
|
+
<li data-sass="nth($tertiary, 3)"></li>
|
|
41
|
+
<li data-sass="nth($tertiary, 4)"></li>
|
|
42
|
+
<li data-sass="nth($tertiary, 5)"></li>
|
|
43
|
+
<li data-sass="nth($tertiary, 6)"></li>
|
|
44
|
+
<li data-sass="nth($quadrary, 1)"></li>
|
|
45
|
+
<li data-sass="nth($quadrary, 2)"></li>
|
|
46
|
+
<li data-sass="nth($quadrary, 3)"></li>
|
|
47
|
+
<li data-sass="nth($quadrary, 4)"></li>
|
|
48
|
+
<li data-sass="nth($quadrary, 5)"></li>
|
|
49
|
+
<li data-sass="nth($quadrary, 6)"></li>
|
|
50
|
+
<li data-sass="nth($darker, 1)"></li>
|
|
51
|
+
<li data-sass="nth($darker, 2)"></li>
|
|
52
|
+
<li data-sass="nth($darker, 3)"></li>
|
|
53
|
+
<li data-sass="nth($darker, 4)"></li>
|
|
54
|
+
<li data-sass="nth($darker, 5)"></li>
|
|
55
|
+
<li data-sass="nth($darker, 6)"></li>
|
|
56
|
+
</ul>
|
|
57
|
+
</article>
|
|
58
|
+
</div>
|
|
59
|
+
</div>
|
|
60
|
+
<div class="pattern">
|
|
61
|
+
<div class="display">
|
|
62
|
+
<div class="feedback">
|
|
63
|
+
<p>This is a feedback message for the user. This may contain a <a href="#">link</a>.</p>
|
|
64
|
+
</div>
|
|
65
|
+
</div>
|
|
66
|
+
</div>
|
|
67
|
+
<div class="pattern">
|
|
68
|
+
<div class="display">
|
|
69
|
+
<div class="feedback error">
|
|
70
|
+
<p>This is an error feedback message. This may contain a <a href="#">link</a>.</p>
|
|
71
|
+
</div>
|
|
72
|
+
</div>
|
|
73
|
+
</div>
|
|
74
|
+
<div class="pattern">
|
|
75
|
+
<div class="display">
|
|
76
|
+
<div class="feedback warning">
|
|
77
|
+
<p>This is an warning feedback message. This may contain a <a href="#">link</a>.</p>
|
|
78
|
+
</div>
|
|
79
|
+
</div>
|
|
80
|
+
</div>
|
|
81
|
+
<div class="pattern">
|
|
82
|
+
<div class="display">
|
|
83
|
+
<button>Button element</button>
|
|
84
|
+
<input type="submit" value="Submit button">
|
|
85
|
+
</div>
|
|
86
|
+
</div>
|
|
87
|
+
<div class="pattern">
|
|
88
|
+
<div class="display">
|
|
89
|
+
<button class="active">Button element</button>
|
|
90
|
+
<input type="submit" value="Submit button" class="active">
|
|
91
|
+
</div>
|
|
92
|
+
</div>
|
|
93
|
+
<div class="pattern">
|
|
94
|
+
<div class="display">
|
|
95
|
+
<button class="cancel">Cancel Element</button>
|
|
96
|
+
<input type="submit" value="Cancel" name="eventSubmit_doCancel">
|
|
97
|
+
</div>
|
|
98
|
+
</div>
|
|
99
|
+
<div class="pattern">
|
|
100
|
+
<div class="display">
|
|
101
|
+
<button disabled="disabled" class="active">Disabled Element</button>
|
|
102
|
+
<input type="submit" disabled="disabled" class="active" value="Continue">
|
|
103
|
+
</div>
|
|
104
|
+
</div>
|
|
105
|
+
<div class="pattern">
|
|
106
|
+
<div class="display">
|
|
107
|
+
<input type="submit" class="active" value="Continue">
|
|
108
|
+
<input type="submit" value="Back">
|
|
109
|
+
<input type="submit" disabled="disabled" value="Disabled">
|
|
110
|
+
<input type="submit" value="Cancel">
|
|
111
|
+
</div>
|
|
112
|
+
</div>
|
|
113
|
+
<div class="pattern">
|
|
114
|
+
<div class="display">
|
|
115
|
+
<label><input type="checkbox">Checkbox</label>
|
|
116
|
+
</div>
|
|
117
|
+
</div>
|
|
118
|
+
<div class="pattern">
|
|
119
|
+
<div class="display">
|
|
120
|
+
<label>Email</label>
|
|
121
|
+
<input type="email">
|
|
122
|
+
</div>
|
|
123
|
+
</div>
|
|
124
|
+
<div class="pattern">
|
|
125
|
+
<div class="display">
|
|
126
|
+
<label>Number</label>
|
|
127
|
+
<input type="number">
|
|
128
|
+
</div>
|
|
129
|
+
</div>
|
|
130
|
+
<div class="pattern">
|
|
131
|
+
<div class="display">
|
|
132
|
+
<label>Search</label>
|
|
133
|
+
<input type="search"><input type="submit" value="Search">
|
|
134
|
+
</div>
|
|
135
|
+
</div>
|
|
136
|
+
<div class="pattern">
|
|
137
|
+
<div class="display">
|
|
138
|
+
<select>
|
|
139
|
+
<option disabled selected>Select your option</option>
|
|
140
|
+
<option>option 1 text</option>
|
|
141
|
+
<option>option 2 text</option>
|
|
142
|
+
<option>option 3 text</option>
|
|
143
|
+
</select>
|
|
144
|
+
</div>
|
|
145
|
+
</div>
|
|
146
|
+
<div class="pattern">
|
|
147
|
+
<div class="display">
|
|
148
|
+
<label>Text</label>
|
|
149
|
+
<input type="text">
|
|
150
|
+
</div>
|
|
151
|
+
</div>
|
|
152
|
+
<div class="pattern">
|
|
153
|
+
<div class="display">
|
|
154
|
+
<label>Textarea</label>
|
|
155
|
+
<textarea rows="5" cols="20"></textarea>
|
|
156
|
+
</div>
|
|
157
|
+
</div>
|
|
158
|
+
<div class="pattern">
|
|
159
|
+
<div class="display">
|
|
160
|
+
<label>URL</label>
|
|
161
|
+
<input type="url">
|
|
162
|
+
</div>
|
|
163
|
+
</div>
|
|
164
|
+
<div class="pattern">
|
|
165
|
+
<div class="display">
|
|
166
|
+
<h1>Level one heading</h1>
|
|
167
|
+
<h2>Level two heading</h2>
|
|
168
|
+
<h3>Level three heading</h3>
|
|
169
|
+
<h4>Level four heading</h4>
|
|
170
|
+
<h5>Level five heading</h5>
|
|
171
|
+
<h6>Level six heading</h6>
|
|
172
|
+
</div>
|
|
173
|
+
</div>
|
|
174
|
+
<div class="pattern">
|
|
175
|
+
<div class="display">
|
|
176
|
+
<h1>Level one heading</h1>
|
|
177
|
+
<p>
|
|
178
|
+
There's a voice that keeps on calling me. Down the road, that's where I'll always be. Every stop I make, I make a new friend. Can't stay for long, just turn around and I'm gone again. Maybe tomorrow, I'll want to settle down, Until tomorrow, I'll just keep moving on.
|
|
179
|
+
</p>
|
|
180
|
+
|
|
181
|
+
<p>
|
|
182
|
+
Ten years ago a crack commando unit was sent to prison by a military court for a crime they didn't commit. These men promptly escaped from a maximum security stockade to the Los Angeles underground. Today, still wanted by the government, they survive as soldiers of fortune. If you have a problem and no one else can help, and if you can find them, maybe you can hire the A-team.
|
|
183
|
+
</p>
|
|
184
|
+
</div>
|
|
185
|
+
</div>
|
|
186
|
+
<div class="pattern">
|
|
187
|
+
<div class="display">
|
|
188
|
+
<h2>Level two heading</h2>
|
|
189
|
+
<p>
|
|
190
|
+
Top Cat! The most effectual Top Cat! Who's intellectual close friends get to call him T.C., providing it's with dignity. Top Cat! The indisputable leader of the gang. He's the boss, he's a pip, he's the championship. He's the most tip top, Top Cat.
|
|
191
|
+
</p>
|
|
192
|
+
|
|
193
|
+
<p>
|
|
194
|
+
Mutley, you snickering, floppy eared hound. When courage is needed, you're never around. Those medals you wear on your moth-eaten chest should be there for bungling at which you are best. So, stop that pigeon, stop that pigeon, stop that pigeon, stop that pigeon, stop that pigeon, stop that pigeon, stop that pigeon. Howwww! Nab him, jab him, tab him, grab him, stop that pigeon now.
|
|
195
|
+
</p>
|
|
196
|
+
</div>
|
|
197
|
+
</div>
|
|
198
|
+
<div class="pattern">
|
|
199
|
+
<div class="display">
|
|
200
|
+
<h3>Level three heading</h3>
|
|
201
|
+
<p>
|
|
202
|
+
The quick, brown fox jumps over a lazy dog. DJs flock by when MTV ax quiz prog. Junk MTV quiz graced by fox whelps. Bawds jog, flick quartz, vex nymphs. Waltz, bad nymph, for quick jigs vex!
|
|
203
|
+
</p>
|
|
204
|
+
|
|
205
|
+
<p>
|
|
206
|
+
Fox nymphs grab quick-jived waltz. Brick quiz whangs jumpy veldt fox. Bright vixens jump; dozy fowl quack. Quick wafting zephyrs vex bold Jim. Quick zephyrs blow, vexing daft Jim. Sex-charged fop blew my junk TV quiz. How quickly daft jumping zebras vex. Two driven jocks help fax my big quiz. Quick, Baz, get my woven flax jodhpurs! "Now fax quiz Jack! " my brave
|
|
207
|
+
</p>
|
|
208
|
+
</div>
|
|
209
|
+
</div>
|
|
210
|
+
<div class="pattern">
|
|
211
|
+
<div class="display">
|
|
212
|
+
<h4>Level four heading</h4>
|
|
213
|
+
<p>
|
|
214
|
+
One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections.
|
|
215
|
+
</p>
|
|
216
|
+
|
|
217
|
+
<p>
|
|
218
|
+
The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked. "What's happened to me? " he thought. It wasn't a dream.
|
|
219
|
+
</p>
|
|
220
|
+
</div>
|
|
221
|
+
</div>
|
|
222
|
+
<div class="pattern">
|
|
223
|
+
<div class="display">
|
|
224
|
+
<h5>Level five heading</h5>
|
|
225
|
+
<p>
|
|
226
|
+
Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.
|
|
227
|
+
</p>
|
|
228
|
+
|
|
229
|
+
<p>
|
|
230
|
+
A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life.
|
|
231
|
+
</p>
|
|
232
|
+
</div>
|
|
233
|
+
</div>
|
|
234
|
+
<div class="pattern">
|
|
235
|
+
<div class="display">
|
|
236
|
+
<h6>Level six heading</h6>
|
|
237
|
+
<p>
|
|
238
|
+
"The ungracious and ungrateful dog!" cried Starbuck; "he mocks and dares me with the very poor-box I filled for him not five minutes ago!"—then in his old intense whisper—"Give way, greyhounds! Dog to it!"
|
|
239
|
+
</p>
|
|
240
|
+
|
|
241
|
+
<p>
|
|
242
|
+
"I tell ye what it is, men"—cried Stubb to his crew—"it's against my religion to get mad; but I'd like to eat that villainous Yarman—Pull—won't ye? Are ye going to let that rascal beat ye? Do ye love brandy? A hogshead of brandy, then, to the best man. Come, why don't some of ye burst a blood-vessel? Who's that been dropping an anchor overboard—we don't budge an inch—we're becalmed. Halloo, here's grass growing in the boat's bottom—and by the Lord, the mast there's budding. This won't do, boys. Look at that Yarman! The short and long of it is, men, will ye spit fire or not?"
|
|
243
|
+
</p>
|
|
244
|
+
</div>
|
|
245
|
+
</div>
|
|
246
|
+
<div class="pattern">
|
|
247
|
+
<div class="display">
|
|
248
|
+
<ol>
|
|
249
|
+
<li>First list item</li>
|
|
250
|
+
<li>Second item in a list of ordered items</li>
|
|
251
|
+
<li>Third item in the list</li>
|
|
252
|
+
</ol>
|
|
253
|
+
</div>
|
|
254
|
+
</div>
|
|
255
|
+
<div class="pattern">
|
|
256
|
+
<div class="display">
|
|
257
|
+
<ul>
|
|
258
|
+
<li>A list item</li>
|
|
259
|
+
<li>Another item in a list</li>
|
|
260
|
+
<li>Yet another item in this list of items</li>
|
|
261
|
+
</ul>
|
|
262
|
+
</div>
|
|
263
|
+
</div>
|
|
264
|
+
<div class="pattern">
|
|
265
|
+
<div class="display">
|
|
266
|
+
<ol class="options">
|
|
267
|
+
<li><a href="#">1</a></li>
|
|
268
|
+
<li><a href="#">2</a></li>
|
|
269
|
+
<li><a href="#">3</a></li>
|
|
270
|
+
<li><a href="#">4</a></li>
|
|
271
|
+
<li><a>5</a></li>
|
|
272
|
+
<li><a href="#">6</a></li>
|
|
273
|
+
<li><a href="#">7</a></li>
|
|
274
|
+
<li><a href="#">8</a></li>
|
|
275
|
+
<li><a href="#">9</a></li>
|
|
276
|
+
<li><a href="#">10</a></li>
|
|
277
|
+
</ol>
|
|
278
|
+
</div>
|
|
279
|
+
</div>
|
|
280
|
+
<div class="pattern">
|
|
281
|
+
<div class="display">
|
|
282
|
+
<ol class="pagination">
|
|
283
|
+
<li><a>1</a></li>
|
|
284
|
+
<li><a href="#">2</a></li>
|
|
285
|
+
<li><a href="#">3</a></li>
|
|
286
|
+
<li><a href="#">4</a></li>
|
|
287
|
+
<li><a href="#">5</a></li>
|
|
288
|
+
<li><a href="#">6</a></li>
|
|
289
|
+
<li><a href="#">7</a></li>
|
|
290
|
+
<li><a href="#">8</a></li>
|
|
291
|
+
<li><a href="#">9</a></li>
|
|
292
|
+
<li><a href="#">10</a></li>
|
|
293
|
+
</ol>
|
|
294
|
+
</div>
|
|
295
|
+
</div>
|
|
296
|
+
<div class="pattern">
|
|
297
|
+
<div class="display">
|
|
298
|
+
<ol class="pagination">
|
|
299
|
+
<li><a href="#">1</a></li>
|
|
300
|
+
<li><a href="#">2</a></li>
|
|
301
|
+
<li><a href="#">3</a></li>
|
|
302
|
+
<li><a href="#">4</a></li>
|
|
303
|
+
<li><a href="#">5</a></li>
|
|
304
|
+
<li><a href="#">6</a></li>
|
|
305
|
+
<li><a href="#">7</a></li>
|
|
306
|
+
<li><a href="#">8</a></li>
|
|
307
|
+
<li><a href="#">9</a></li>
|
|
308
|
+
<li><a>10</a></li>
|
|
309
|
+
</ol>
|
|
310
|
+
</div>
|
|
311
|
+
</div>
|
|
312
|
+
<div class="pattern">
|
|
313
|
+
<div class="display">
|
|
314
|
+
<ol class="pagination">
|
|
315
|
+
<li><a href="#">1</a></li>
|
|
316
|
+
<li><a href="#">2</a></li>
|
|
317
|
+
<li><a href="#">3</a></li>
|
|
318
|
+
<li><a href="#">4</a></li>
|
|
319
|
+
<li><a>5</a></li>
|
|
320
|
+
<li><a href="#">6</a></li>
|
|
321
|
+
<li><a href="#">7</a></li>
|
|
322
|
+
<li><a href="#">8</a></li>
|
|
323
|
+
<li><a href="#">9</a></li>
|
|
324
|
+
<li><a href="#">10</a></li>
|
|
325
|
+
</ol>
|
|
326
|
+
</div>
|
|
327
|
+
</div>
|
|
328
|
+
<div class="pattern">
|
|
329
|
+
<div class="display">
|
|
330
|
+
<h1>Heri, inquam, ludis commissis ex urbe profectus veni ad vesperum.</h1>
|
|
331
|
+
|
|
332
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Dolor ergo, id est summum malum, metuetur semper, etiamsi non aderit; Tu quidem reddes; <a href='http://loripsum.net/' target='_blank'>Quorum sine causa fieri nihil putandum est.</a> Bonum integritas corporis: misera debilitas. Sed virtutem ipsam inchoavit, nihil amplius. Videamus animi partes, quarum est conspectus illustrior; </p>
|
|
333
|
+
|
|
334
|
+
<h2>Duo Reges: constructio interrete.</h2>
|
|
335
|
+
|
|
336
|
+
<p><b>Age, inquies, ista parva sunt.</b> Ac tamen hic mallet non dolere. Vulgo enim dicitur: Iucundi acti labores, nec male Euripidesconcludam, si potero, Latine; Tu enim ista lenius, hic Stoicorum more nos vexat. Id enim volumus, id contendimus, ut officii fructus sit ipsum officium. Octavio fuit, cum illam severitatem in eo filio adhibuit, quem in adoptionem D. Quid igitur dubitamus in tota eius natura quaerere quid sit effectum? Tubulum fuisse, qua illum, cuius is condemnatus est rogatione, P. Modo etiam paulum ad dexteram de via declinavi, ut ad Pericli sepulcrum accederem. Facillimum id quidem est, inquam. </p>
|
|
337
|
+
|
|
338
|
+
<blockquote cite='http://loripsum.net'>
|
|
339
|
+
Videmus in quodam volucrium genere non nulla indicia pietatis, cognitionem, memoriam, in multis etiam desideria videmus.
|
|
340
|
+
</blockquote>
|
|
341
|
+
|
|
342
|
+
|
|
343
|
+
<p>Sed haec quidem liberius ab eo dicuntur et saepius. <b>Facillimum id quidem est, inquam.</b> Non autem hoc: igitur ne illud quidem. Certe nihil nisi quod possit ipsum propter se iure laudari. <i>Tu quidem reddes;</i> Primum in nostrane potestate est, quid meminerimus? Atque haec coniunctio confusioque virtutum tamen a philosophis ratione quadam distinguitur. Itaque eos id agere, ut a se dolores, morbos, debilitates repellant. </p>
|
|
344
|
+
|
|
345
|
+
<ul>
|
|
346
|
+
<li>Sed id ne cogitari quidem potest quale sit, ut non repugnet ipsum sibi.</li>
|
|
347
|
+
<li>Minime id quidem, inquam, alienum, multumque ad ea, quae quaerimus, explicatio tua ista profecerit.</li>
|
|
348
|
+
<li>Quamquam haec quidem praeposita recte et reiecta dicere licebit.</li>
|
|
349
|
+
</ul>
|
|
350
|
+
|
|
351
|
+
|
|
352
|
+
<dl>
|
|
353
|
+
<dt><dfn>Certe non potest.</dfn></dt>
|
|
354
|
+
<dd>In enumerandis autem corporis commodis si quis praetermissam a nobis voluptatem putabit, in aliud tempus ea quaestio differatur.</dd>
|
|
355
|
+
<dt><dfn>ALIO MODO.</dfn></dt>
|
|
356
|
+
<dd>Quod non faceret, si in voluptate summum bonum poneret.</dd>
|
|
357
|
+
</dl>
|
|
358
|
+
|
|
359
|
+
|
|
360
|
+
<ol>
|
|
361
|
+
<li>Tanti autem aderant vesicae et torminum morbi, ut nihil ad eorum magnitudinem posset accedere.</li>
|
|
362
|
+
<li>Eam si varietatem diceres, intellegerem, ut etiam non dicente te intellego;</li>
|
|
363
|
+
<li>Mene ergo et Triarium dignos existimas, apud quos turpiter loquare?</li>
|
|
364
|
+
<li>Qui potest igitur habitare in beata vita summi mali metus?</li>
|
|
365
|
+
</ol>
|
|
366
|
+
|
|
367
|
+
|
|
368
|
+
<pre>
|
|
369
|
+
$(function() {
|
|
370
|
+
var spinner = $( "#spinner" ).spinner();
|
|
371
|
+
|
|
372
|
+
$( "#disable" ).click(function() {
|
|
373
|
+
if ( spinner.spinner( "option", "disabled" ) ) {
|
|
374
|
+
spinner.spinner( "enable" );
|
|
375
|
+
} else {
|
|
376
|
+
spinner.spinner( "disable" );
|
|
377
|
+
}
|
|
378
|
+
});
|
|
379
|
+
$( "#destroy" ).click(function() {
|
|
380
|
+
if ( spinner.data( "ui-spinner" ) ) {
|
|
381
|
+
spinner.spinner( "destroy" );
|
|
382
|
+
} else {
|
|
383
|
+
spinner.spinner();
|
|
384
|
+
}
|
|
385
|
+
});
|
|
386
|
+
$( "#getvalue" ).click(function() {
|
|
387
|
+
alert( spinner.spinner( "value" ) );
|
|
388
|
+
});
|
|
389
|
+
$( "#setvalue" ).click(function() {
|
|
390
|
+
spinner.spinner( "value", 5 );
|
|
391
|
+
});
|
|
392
|
+
|
|
393
|
+
$( "button" ).button();
|
|
394
|
+
});
|
|
395
|
+
http://stackoverflow.com/questions/1218390/what-is-your-most-productive-shortcut-with-vim/1220118#1220118
|
|
396
|
+
</pre>
|
|
397
|
+
|
|
398
|
+
|
|
399
|
+
</div></div>
|
|
400
|
+
</body>
|
|
401
|
+
</html>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
// This file will get output into the user's Sass folder.
|
metadata
ADDED
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
|
2
|
+
name: compass-pattern-primer
|
|
3
|
+
version: !ruby/object:Gem::Version
|
|
4
|
+
version: "0.1"
|
|
5
|
+
platform: ruby
|
|
6
|
+
authors:
|
|
7
|
+
- Mark Reilly
|
|
8
|
+
autorequire:
|
|
9
|
+
bindir: bin
|
|
10
|
+
cert_chain: []
|
|
11
|
+
|
|
12
|
+
date: 2013-05-17 00:00:00 Z
|
|
13
|
+
dependencies:
|
|
14
|
+
- !ruby/object:Gem::Dependency
|
|
15
|
+
name: sass
|
|
16
|
+
prerelease: false
|
|
17
|
+
requirement: &id001 !ruby/object:Gem::Requirement
|
|
18
|
+
requirements:
|
|
19
|
+
- - ">="
|
|
20
|
+
- !ruby/object:Gem::Version
|
|
21
|
+
version: 3.2.0
|
|
22
|
+
type: :runtime
|
|
23
|
+
version_requirements: *id001
|
|
24
|
+
- !ruby/object:Gem::Dependency
|
|
25
|
+
name: compass
|
|
26
|
+
prerelease: false
|
|
27
|
+
requirement: &id002 !ruby/object:Gem::Requirement
|
|
28
|
+
requirements:
|
|
29
|
+
- - ">="
|
|
30
|
+
- !ruby/object:Gem::Version
|
|
31
|
+
version: 0.12.1
|
|
32
|
+
type: :runtime
|
|
33
|
+
version_requirements: *id002
|
|
34
|
+
description: A Compass extension to build style guides
|
|
35
|
+
email:
|
|
36
|
+
- mark@alienresident.net
|
|
37
|
+
executables: []
|
|
38
|
+
|
|
39
|
+
extensions: []
|
|
40
|
+
|
|
41
|
+
extra_rdoc_files: []
|
|
42
|
+
|
|
43
|
+
files:
|
|
44
|
+
- lib/compass-pattern-primer.rb
|
|
45
|
+
- stylesheets/compass-pattern-primer/_base.scss
|
|
46
|
+
- stylesheets/compass-pattern-primer/_modules.scss
|
|
47
|
+
- stylesheets/compass-pattern-primer/_reset.scss
|
|
48
|
+
- stylesheets/compass-pattern-primer/base/_buttons.scss
|
|
49
|
+
- stylesheets/compass-pattern-primer/base/_forms.scss
|
|
50
|
+
- stylesheets/compass-pattern-primer/base/_links.scss
|
|
51
|
+
- stylesheets/compass-pattern-primer/base/_page.scss
|
|
52
|
+
- stylesheets/compass-pattern-primer/base/_search.scss
|
|
53
|
+
- stylesheets/compass-pattern-primer/base/_typography.scss
|
|
54
|
+
- stylesheets/compass-pattern-primer/modules/_control.scss
|
|
55
|
+
- stylesheets/compass-pattern-primer/modules/_feedback.scss
|
|
56
|
+
- stylesheets/compass-pattern-primer/modules/_options.scss
|
|
57
|
+
- stylesheets/compass-pattern-primer/modules/_pagination.scss
|
|
58
|
+
- stylesheets/compass-pattern-primer/partials/_colors.scss
|
|
59
|
+
- stylesheets/compass-pattern-primer/partials/_extendables.scss
|
|
60
|
+
- stylesheets/compass-pattern-primer/partials/_functions.scss
|
|
61
|
+
- stylesheets/compass-pattern-primer/partials/_mixins.scss
|
|
62
|
+
- stylesheets/compass-pattern-primer/partials/variables/_variables.scss
|
|
63
|
+
- stylesheets/compass-pattern-primer/partials/variables/base/_buttons.scss
|
|
64
|
+
- stylesheets/compass-pattern-primer/partials/variables/base/_colors.scss
|
|
65
|
+
- stylesheets/compass-pattern-primer/partials/variables/base/_forms.scss
|
|
66
|
+
- stylesheets/compass-pattern-primer/partials/variables/base/_links.scss
|
|
67
|
+
- stylesheets/compass-pattern-primer/partials/variables/base/_page.scss
|
|
68
|
+
- stylesheets/compass-pattern-primer/partials/variables/base/_search.scss
|
|
69
|
+
- stylesheets/compass-pattern-primer/partials/variables/base/_typography.scss
|
|
70
|
+
- stylesheets/compass-pattern-primer/partials/variables/modules/_control.scss
|
|
71
|
+
- stylesheets/compass-pattern-primer/partials/variables/modules/_feedback.scss
|
|
72
|
+
- stylesheets/compass-pattern-primer/partials/variables/modules/_options.scss
|
|
73
|
+
- stylesheets/compass-pattern-primer/partials/variables/modules/_pagination.scss
|
|
74
|
+
- stylesheets/compass-pattern-primer/reset/_reset.scss
|
|
75
|
+
- stylesheets/compass-pattern-primer/reset/libraries/_eric_meyer_reset.scss
|
|
76
|
+
- stylesheets/compass-pattern-primer/reset/libraries/_formalize.scss
|
|
77
|
+
- stylesheets/compass-pattern-primer/reset/libraries/_normalize.scss
|
|
78
|
+
- stylesheets/compass-pattern-primer.scss
|
|
79
|
+
- templates/project/ie.scss
|
|
80
|
+
- templates/project/manifest.rb
|
|
81
|
+
- templates/project/pattern-primer.html
|
|
82
|
+
- templates/project/print.scss
|
|
83
|
+
- templates/project/screen.scss
|
|
84
|
+
homepage: http://alienresident.net
|
|
85
|
+
licenses: []
|
|
86
|
+
|
|
87
|
+
metadata: {}
|
|
88
|
+
|
|
89
|
+
post_install_message:
|
|
90
|
+
rdoc_options: []
|
|
91
|
+
|
|
92
|
+
require_paths:
|
|
93
|
+
- lib
|
|
94
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
|
95
|
+
requirements:
|
|
96
|
+
- - ">="
|
|
97
|
+
- !ruby/object:Gem::Version
|
|
98
|
+
version: "0"
|
|
99
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
100
|
+
requirements:
|
|
101
|
+
- - ">="
|
|
102
|
+
- !ruby/object:Gem::Version
|
|
103
|
+
version: 1.3.6
|
|
104
|
+
requirements: []
|
|
105
|
+
|
|
106
|
+
rubyforge_project: compass-pattern-primer
|
|
107
|
+
rubygems_version: 2.0.3
|
|
108
|
+
signing_key:
|
|
109
|
+
specification_version: 4
|
|
110
|
+
summary: An easy to use system to build style guide based off of Jeremy Keith's Pattern Primer.
|
|
111
|
+
test_files: []
|
|
112
|
+
|