smock 0.1.86 → 0.1.87
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.
- data/Gemfile.lock +1 -1
- data/app/assets/stylesheets/includes/_atoms.sass +3 -0
- data/app/assets/stylesheets/includes/_images.sass +2 -1
- data/app/assets/stylesheets/includes/_molecules.sass +5 -0
- data/app/assets/stylesheets/includes/_typography.sass +1 -1
- data/app/assets/stylesheets/modules/_metrics.sass +12 -7
- data/app/assets/stylesheets/modules/_profile.sass +10 -0
- data/app/assets/stylesheets/modules/_recommendations.sass +2 -0
- data/app/assets/stylesheets/modules/_service_card.sass +31 -0
- data/app/assets/stylesheets/modules/_social.sass +15 -0
- data/app/assets/stylesheets/modules/_stars.sass +10 -0
- data/app/assets/stylesheets/smock.sass +6 -0
- data/examples/pages/blackbox.html +1 -1
- data/examples/pages/customisation_express.html +1 -1
- data/examples/pages/profile.html +215 -35
- data/examples/pages/testimonials.html +1 -1
- metadata +9 -3
data/Gemfile.lock
CHANGED
|
@@ -5,6 +5,8 @@
|
|
|
5
5
|
.avatar
|
|
6
6
|
+space(max-height, 14)
|
|
7
7
|
width: 300px
|
|
8
|
+
.avatar--small
|
|
9
|
+
+space(min-height, 3)
|
|
8
10
|
.avatar__image
|
|
9
11
|
border-radius: $border-radius
|
|
10
12
|
max-width: 100%
|
|
@@ -16,6 +18,5 @@
|
|
|
16
18
|
+space(margin-bottom)
|
|
17
19
|
.banner__image
|
|
18
20
|
max-width: 100%
|
|
19
|
-
+space(padding-top, 0.5)
|
|
20
21
|
margin: 0 auto
|
|
21
22
|
display: block
|
|
@@ -2,6 +2,8 @@
|
|
|
2
2
|
+top-horizontal-rule(1)
|
|
3
3
|
+bottom-horizontal-rule(1)
|
|
4
4
|
color: $gray
|
|
5
|
+
+space(margin-top, 2)
|
|
6
|
+
+space(margin-bottom, 0.5)
|
|
5
7
|
.metrics__icon
|
|
6
8
|
+space(width, 2)
|
|
7
9
|
+space(height, 2)
|
|
@@ -9,15 +11,18 @@
|
|
|
9
11
|
margin: 0 auto
|
|
10
12
|
.metrics__progress_bar
|
|
11
13
|
width: 100%
|
|
12
|
-
background-color: $gray-
|
|
14
|
+
background-color: $gray-lightest
|
|
13
15
|
+space(height, 0.5)
|
|
14
16
|
+space(margin-top, 0.25)
|
|
15
|
-
|
|
16
|
-
.metrics__progress--red
|
|
17
|
-
background-color: $red
|
|
17
|
+
.metrics__progress
|
|
18
18
|
height: 100%
|
|
19
19
|
display: block
|
|
20
|
+
width: 0px
|
|
21
|
+
-webkit-transition: width 1s ease-in-out
|
|
22
|
+
-moz-transition: width 1s ease-in-out
|
|
23
|
+
-o-transition: width 1s ease-in-out
|
|
24
|
+
transition: width 1s ease-in-out
|
|
25
|
+
.metrics__progress--red
|
|
26
|
+
background-color: $red
|
|
20
27
|
.metrics__progress--blue
|
|
21
|
-
background-color: $blue
|
|
22
|
-
height: 100%
|
|
23
|
-
display: block
|
|
28
|
+
background-color: $blue
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
.service__card__provider
|
|
2
|
+
+top-horizontal-rule(1)
|
|
3
|
+
|
|
4
|
+
.service__card__image
|
|
5
|
+
+space(min-height, 9)
|
|
6
|
+
position: relative
|
|
7
|
+
|
|
8
|
+
.service__card__image__price
|
|
9
|
+
position: absolute
|
|
10
|
+
+space(top, 0.5)
|
|
11
|
+
+space(right, 1)
|
|
12
|
+
background-color: $orange
|
|
13
|
+
border-radius: $border-radius
|
|
14
|
+
+space(padding-top, 0.25)
|
|
15
|
+
+space(padding-bottom, 0.25)
|
|
16
|
+
+space(padding-left, 0.5)
|
|
17
|
+
+space(padding-right, 0.5)
|
|
18
|
+
color: $white
|
|
19
|
+
|
|
20
|
+
.service__card__provider__image
|
|
21
|
+
+space(min-height, 2)
|
|
22
|
+
+space(margin-top, 0.25)
|
|
23
|
+
+space(margin-bottom, 0.25)
|
|
24
|
+
|
|
25
|
+
.service__card__provider_name
|
|
26
|
+
font-weight: bold
|
|
27
|
+
+space(line-height, 2)
|
|
28
|
+
span
|
|
29
|
+
color: $gray
|
|
30
|
+
font-weight: normal
|
|
31
|
+
+space(padding-left, 0.5)
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
.list--social
|
|
2
|
+
overflow: hidden
|
|
3
|
+
|
|
4
|
+
.list__item--social
|
|
5
|
+
float: left
|
|
6
|
+
a
|
|
7
|
+
+space(padding-top, 0.25)
|
|
8
|
+
+space(height, 2)
|
|
9
|
+
display: block
|
|
10
|
+
i
|
|
11
|
+
+space(margin-right, 0.5)
|
|
12
|
+
+space(line-height, 2)
|
|
13
|
+
+space(height, 1.5)
|
|
14
|
+
+space(width, 1.5)
|
|
15
|
+
display: block
|
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
@import "thirdparty/typecsset"
|
|
14
14
|
|
|
15
|
+
@import "includes/atoms"
|
|
15
16
|
@import "includes/colors"
|
|
16
17
|
@import "includes/mixins"
|
|
17
18
|
@import "includes/typography"
|
|
@@ -38,6 +39,11 @@
|
|
|
38
39
|
@import "modules/form/payment_method"
|
|
39
40
|
@import "modules/marketing_banner"
|
|
40
41
|
@import "modules/metrics"
|
|
42
|
+
@import "modules/social"
|
|
43
|
+
@import "modules/profile"
|
|
44
|
+
@import "modules/service_card"
|
|
45
|
+
@import "modules/stars"
|
|
46
|
+
@import "modules/recommendations"
|
|
41
47
|
|
|
42
48
|
html.vr
|
|
43
49
|
background-image: -webkit-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%), -webkit-linear-gradient(bottom, rgba(128,128,128,1) 0%, rgba(128,128,128,0) 8%, rgba(128,128,128,0) 100%)
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
<p>You get WordPress, your theme, its demo content, and your logo installed
|
|
37
37
|
on your server. If you need more work done, you can create a follow-up job
|
|
38
38
|
once your theme is installed.</p>
|
|
39
|
-
<p class="
|
|
39
|
+
<p class="no-margin"><a href="https://envatostudio.zendesk.com/hc/en-us/categories/200211534">More on how this works.</a></p>
|
|
40
40
|
|
|
41
41
|
<aside class="testimonials">
|
|
42
42
|
<blockquote class="testimonial testimonial--single" am-grid-row="l:start l:end">
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
<p>You get WordPress, your theme, its demo content, and your logo installed
|
|
37
37
|
on your server. If you need more work done, you can create a follow-up job
|
|
38
38
|
once your theme is installed.</p>
|
|
39
|
-
<p class="
|
|
39
|
+
<p class="no-margin"><a href="https://envatostudio.zendesk.com/hc/en-us/categories/200211534">More on how this works.</a></p>
|
|
40
40
|
</section>
|
|
41
41
|
|
|
42
42
|
<section class="l-sidebar--right l-sidebar--larger">
|
data/examples/pages/profile.html
CHANGED
|
@@ -284,52 +284,36 @@
|
|
|
284
284
|
</div>
|
|
285
285
|
</header>
|
|
286
286
|
|
|
287
|
-
<script async="" charset="utf-8" src="./explore_files/saved_resource" type="text/javascript"></script>
|
|
288
|
-
<script>
|
|
289
|
-
Studio.ready(function () {
|
|
290
|
-
new Studio.HeaderNavigation({el: '.header__categories'}).ready();
|
|
291
|
-
});
|
|
292
|
-
</script>
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
<script>
|
|
296
|
-
var noscript = document.getElementById('noscript');
|
|
297
|
-
if (noscript) {
|
|
298
|
-
noscript.parentNode.removeChild(noscript);
|
|
299
|
-
}
|
|
300
|
-
;
|
|
301
|
-
</script>
|
|
302
|
-
|
|
303
287
|
<section class="l-container">
|
|
304
288
|
<div class="banner">
|
|
305
|
-
<img class="banner__image" src="http://
|
|
289
|
+
<img class="banner__image" src="http://placekitten.com/960/180" alt="Provider Banner"/>
|
|
306
290
|
</div>
|
|
307
291
|
|
|
308
292
|
<section>
|
|
309
|
-
<div am-grid-col="l:9:12">
|
|
310
|
-
<h3>Brandbusters</h3>
|
|
311
|
-
<p class="caption__secondary"
|
|
293
|
+
<div am-grid-col="l:9:12" class="profile__bio">
|
|
294
|
+
<h3 class="no-margin">Brandbusters</h3>
|
|
295
|
+
<p class="caption__secondary">Melbourne, Australia<span>Joined November 2014</span></p>
|
|
312
296
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc a nunc pharetra, molestie diam quis, elementum erat. Sed pellentesque metus eget mattis pharetra. Proin urna nisl, consectetur vel maximus rhoncus, suscipit sit amet tortor. </p>
|
|
313
|
-
<ul class="
|
|
314
|
-
<li class="
|
|
297
|
+
<ul class="list--social">
|
|
298
|
+
<li class="list__item--social">
|
|
315
299
|
<a class="footer-list__link" href="https://www.facebook.com/EnvatoStudio" title="Envato Studio Facebook">
|
|
316
300
|
<i class="hot-icon__facebook--color--round"></i>
|
|
317
301
|
<span class="footer-list__item-body">Facebook</span>
|
|
318
302
|
</a>
|
|
319
303
|
</li>
|
|
320
|
-
<li class="
|
|
304
|
+
<li class="list__item--social">
|
|
321
305
|
<a class="footer-list__link" href="https://twitter.com/envatostudio" title="Envato Studio Twitter">
|
|
322
306
|
<i class="hot-icon__twitter--color--round"></i>
|
|
323
307
|
<span class="footer-list__item-body">Twitter</span>
|
|
324
308
|
</a>
|
|
325
309
|
</li>
|
|
326
|
-
<li class="
|
|
310
|
+
<li class="list__item--social">
|
|
327
311
|
<a class="footer-list__link" href="http://instagram.com/envatostudio" title="Envato Studio Instagram">
|
|
328
312
|
<i class="hot-icon__instagram--color--round"></i>
|
|
329
313
|
<span class="footer-list__item-body">Instagram</span>
|
|
330
314
|
</a>
|
|
331
315
|
</li>
|
|
332
|
-
<li class="
|
|
316
|
+
<li class="list__item--social">
|
|
333
317
|
<a class="footer-list__link" href="https://plus.google.com/b/103902459860816636792/+Microlancer/posts"
|
|
334
318
|
title="Envato Studio Google+">
|
|
335
319
|
<i class="hot-icon__google--color--round"></i>
|
|
@@ -338,10 +322,12 @@
|
|
|
338
322
|
</li>
|
|
339
323
|
</ul>
|
|
340
324
|
</div>
|
|
341
|
-
<div am-grid-col="l:
|
|
342
|
-
<div class="avatar"
|
|
343
|
-
<img class="avatar__image" src="http://
|
|
344
|
-
|
|
325
|
+
<div am-grid-col="l:2 l:pre1">
|
|
326
|
+
<div class="avatar">
|
|
327
|
+
<img class="avatar__image" src="http://placekitten.com/140/140"/>
|
|
328
|
+
</div>
|
|
329
|
+
<div class="avatar-caption__2of12col-image">
|
|
330
|
+
<a href="#" class="button">Enquiry</a>
|
|
345
331
|
</div>
|
|
346
332
|
</div>
|
|
347
333
|
</section>
|
|
@@ -374,18 +360,212 @@
|
|
|
374
360
|
</div>
|
|
375
361
|
</div>
|
|
376
362
|
<div am-grid-col="l:3:12">
|
|
377
|
-
<div am-grid-
|
|
378
|
-
<div>Speed</div>
|
|
379
|
-
<div
|
|
363
|
+
<div am-grid-row="l:start">
|
|
364
|
+
<div am-grid-col="l:1:3">Speed</div>
|
|
365
|
+
<div am-grid-col="l:2:3" class="metrics__progress_bar"><span class="metrics__progress metrics__progress--red"></span></div>
|
|
380
366
|
</div>
|
|
381
|
-
<div am-grid-
|
|
382
|
-
<div
|
|
383
|
-
<div class="metrics__progress_bar"><span class="metrics__progress--blue"
|
|
367
|
+
<div am-grid-row="l:start">
|
|
368
|
+
<div am-grid-col="l:1:3">Reliability</div>
|
|
369
|
+
<div am-grid-col="l:2:3" class="metrics__progress_bar"><span class="metrics__progress metrics__progress--blue"></span></div>
|
|
370
|
+
</div>
|
|
371
|
+
</div>
|
|
372
|
+
</section>
|
|
373
|
+
<section>
|
|
374
|
+
<h4>Services (4)</h4>
|
|
375
|
+
<div>
|
|
376
|
+
<div am-grid-col="l:3:12">
|
|
377
|
+
<div class="service__card__image">
|
|
378
|
+
<div class="service__card__image__price">$55</div>
|
|
379
|
+
<img src="http://placehold.it/221x177" />
|
|
380
|
+
</div>
|
|
381
|
+
<strong>Express Logo Design, Unique Creative Branding</strong>
|
|
382
|
+
<p class="caption__secondary">Ecommerce & CMS Development</p>
|
|
383
|
+
<div class="service__card__provider">
|
|
384
|
+
<div am-grid-col="l:1:6" class="service__card__provider__image">
|
|
385
|
+
<img src="http://placehold.it/30x30" />
|
|
386
|
+
</div>
|
|
387
|
+
<div am-grid-col="l:5:6">
|
|
388
|
+
<strong class="service__card__provider_name">Brandbusters<span>(58)</span></strong class=".service__card__provider_name">
|
|
389
|
+
</div>
|
|
390
|
+
</div>
|
|
391
|
+
</div>
|
|
392
|
+
<div am-grid-col="l:3:12">
|
|
393
|
+
<div class="service__card__image">
|
|
394
|
+
<div class="service__card__image__price">$150</div>
|
|
395
|
+
<img src="http://placehold.it/221x177" />
|
|
396
|
+
</div>
|
|
397
|
+
<strong>Express Logo Design, Unique Creative Branding</strong>
|
|
398
|
+
<p class="caption__secondary">Ecommerce & CMS Development</p>
|
|
399
|
+
<div class="service__card__provider">
|
|
400
|
+
<div am-grid-col="l:1:6" class="service__card__provider__image">
|
|
401
|
+
<img src="http://placehold.it/30x30" />
|
|
402
|
+
</div>
|
|
403
|
+
<div am-grid-col="l:5:6">
|
|
404
|
+
<strong class="service__card__provider_name">Brandbusters<span>(58)</span></strong class=".service__card__provider_name">
|
|
405
|
+
</div>
|
|
406
|
+
</div>
|
|
407
|
+
</div>
|
|
408
|
+
<div am-grid-col="l:3:12">
|
|
409
|
+
<div class="service__card__image">
|
|
410
|
+
<div class="service__card__image__price">$1000</div>
|
|
411
|
+
<img src="http://placehold.it/221x177" />
|
|
412
|
+
</div>
|
|
413
|
+
<strong>Express Logo Design, Unique Creative Branding</strong>
|
|
414
|
+
<p class="caption__secondary">Ecommerce & CMS Development</p>
|
|
415
|
+
<div class="service__card__provider">
|
|
416
|
+
<div am-grid-col="l:1:6" class="service__card__provider__image">
|
|
417
|
+
<img src="http://placehold.it/30x30" />
|
|
418
|
+
</div>
|
|
419
|
+
<div am-grid-col="l:5:6">
|
|
420
|
+
<strong class="service__card__provider_name">Brandbusters<span>(58)</span></strong class=".service__card__provider_name">
|
|
421
|
+
</div>
|
|
422
|
+
</div>
|
|
423
|
+
</div>
|
|
424
|
+
<div am-grid-col="l:3:12">
|
|
425
|
+
<div class="service__card__image">
|
|
426
|
+
<div class="service__card__image__price">$5</div>
|
|
427
|
+
<img src="http://placehold.it/221x177" />
|
|
428
|
+
</div>
|
|
429
|
+
<strong>Express Logo Design, Unique Creative Branding</strong>
|
|
430
|
+
<p class="caption__secondary">Ecommerce & CMS Development</p>
|
|
431
|
+
<div class="service__card__provider">
|
|
432
|
+
<div am-grid-col="l:1:6" class="service__card__provider__image">
|
|
433
|
+
<img src="http://placehold.it/30x30" />
|
|
434
|
+
</div>
|
|
435
|
+
<div am-grid-col="l:5:6">
|
|
436
|
+
<strong class="service__card__provider_name">
|
|
437
|
+
Brandbusters<span>(58)</span>
|
|
438
|
+
</strong>
|
|
439
|
+
</div>
|
|
440
|
+
</div>
|
|
441
|
+
</div>
|
|
442
|
+
</div>
|
|
443
|
+
</section>
|
|
444
|
+
<section class="profile__review__quote">
|
|
445
|
+
<blockquote>
|
|
446
|
+
"Gear work! Plan on having you do a flyer for my business here shortly as well. Great work, great communication."
|
|
447
|
+
</blockquote>
|
|
448
|
+
<p>
|
|
449
|
+
<a href="#">More Reviews</a>
|
|
450
|
+
</p>
|
|
451
|
+
</section>
|
|
452
|
+
<div class="separator"></div>
|
|
453
|
+
<section>
|
|
454
|
+
<div am-grid-col="l:9:12">
|
|
455
|
+
<div am-grid-col="l:1:9">
|
|
456
|
+
<i class="hot-icon__twitter--color--round metrics__icon"></i>
|
|
457
|
+
</div>
|
|
458
|
+
<div class="recommendations" am-grid-col="l:8:9" am-grid-row="l:end">
|
|
459
|
+
<h3>486 Recommendations</h3>
|
|
460
|
+
<ul>
|
|
461
|
+
<li>
|
|
462
|
+
<div am-grid-col="l:2:12">Responsiveness</div>
|
|
463
|
+
<div am-grid-col="l:10:12">
|
|
464
|
+
<div class="stars hot-icon__star-off"><div class="stars stars--on hot-icon__star-on"></div></div>
|
|
465
|
+
</div>
|
|
466
|
+
</li>
|
|
467
|
+
<li>
|
|
468
|
+
<div am-grid-col="l:2:12">Communication</div>
|
|
469
|
+
<div am-grid-col="l:10:12">
|
|
470
|
+
<div class="stars hot-icon__star-off"><div class="stars stars--on hot-icon__star-on"></div></div>
|
|
471
|
+
</div>
|
|
472
|
+
</li>
|
|
473
|
+
<li>
|
|
474
|
+
<div am-grid-col="l:2:12">Quality</div>
|
|
475
|
+
<div am-grid-col="l:10:12">
|
|
476
|
+
<div class="stars hot-icon__star-off"><div class="stars stars--on hot-icon__star-on"></div></div>
|
|
477
|
+
</div>
|
|
478
|
+
</li>
|
|
479
|
+
</ul>
|
|
480
|
+
</div>
|
|
481
|
+
<ul class="review__list" am-grid-col="l:9:9">
|
|
482
|
+
<li>
|
|
483
|
+
<div am-grid-col="l:1:9">
|
|
484
|
+
<div class="avatar--small">
|
|
485
|
+
<img class="avatar__image" src="http://placehold.it/60x60" />
|
|
486
|
+
</div>
|
|
487
|
+
</div>
|
|
488
|
+
<div am-grid-col="l:8:9">
|
|
489
|
+
<strong>Cooper Kelly</strong>
|
|
490
|
+
<p class="no-margin">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc a nunc pharetra, molestie diam quis, elementum erat. Sed pellentesque metus eget mattis pharetra. Proin urna nisl, consectetur vel maximus rhoncus, suscipit sit amet tortor.</p>
|
|
491
|
+
<p class="caption__secondary">May 2014</p>
|
|
492
|
+
<br>
|
|
493
|
+
</div>
|
|
494
|
+
</li>
|
|
495
|
+
<li>
|
|
496
|
+
<div am-grid-col="l:1:9">
|
|
497
|
+
<div class="avatar--small">
|
|
498
|
+
<img class="avatar__image" src="http://placehold.it/60x60" />
|
|
499
|
+
</div>
|
|
500
|
+
</div>
|
|
501
|
+
<div am-grid-col="l:8:9">
|
|
502
|
+
<strong>Cooper Kelly</strong>
|
|
503
|
+
<p class="no-margin">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc a nunc pharetra, molestie diam quis, elementum erat. Sed pellentesque metus eget mattis pharetra. Proin urna nisl, consectetur vel maximus rhoncus, suscipit sit amet tortor.</p>
|
|
504
|
+
<p class="caption__secondary">May 2014</p>
|
|
505
|
+
<br>
|
|
506
|
+
</div>
|
|
507
|
+
</li>
|
|
508
|
+
<li>
|
|
509
|
+
<div am-grid-col="l:1:9">
|
|
510
|
+
<div class="avatar--small">
|
|
511
|
+
<img class="avatar__image" src="http://placehold.it/60x60" />
|
|
512
|
+
</div>
|
|
513
|
+
</div>
|
|
514
|
+
<div am-grid-col="l:8:9" am-grid-row="l:end">
|
|
515
|
+
<strong>Cooper Kelly</strong>
|
|
516
|
+
<p class="no-margin">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc a nunc pharetra, molestie diam quis, elementum erat. Sed pellentesque metus eget mattis pharetra. Proin urna nisl, consectetur vel maximus rhoncus, suscipit sit amet tortor.</p>
|
|
517
|
+
<p class="caption__secondary">May 2014</p>
|
|
518
|
+
<br>
|
|
519
|
+
<div am-grid-col="l:8:8">
|
|
520
|
+
<div am-grid-col="l:1:8">
|
|
521
|
+
<div class="avatar--small">
|
|
522
|
+
<img class="avatar__image" src="http://placehold.it/60x60" />
|
|
523
|
+
</div>
|
|
524
|
+
</div>
|
|
525
|
+
<div am-grid-col="l:7:8">
|
|
526
|
+
<strong>Cooper Kelly</strong>
|
|
527
|
+
<p class="no-margin">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc a nunc pharetra, molestie diam quis, elementum erat. Sed pellentesque metus eget mattis pharetra. Proin urna nisl, consectetur vel maximus rhoncus, suscipit sit amet tortor.</p>
|
|
528
|
+
<p class="caption__secondary">May 2014</p>
|
|
529
|
+
<br>
|
|
530
|
+
</div>
|
|
531
|
+
</div>
|
|
532
|
+
</div>
|
|
533
|
+
</li>
|
|
534
|
+
<li>
|
|
535
|
+
<div am-grid-col="l:1:9">
|
|
536
|
+
<div class="avatar--small">
|
|
537
|
+
<img class="avatar__image" src="http://placehold.it/60x60" />
|
|
538
|
+
</div>
|
|
539
|
+
</div>
|
|
540
|
+
<div am-grid-col="l:8:9">
|
|
541
|
+
<strong>Cooper Kelly</strong>
|
|
542
|
+
<p class="no-margin">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc a nunc pharetra, molestie diam quis, elementum erat. Sed pellentesque metus eget mattis pharetra. Proin urna nisl, consectetur vel maximus rhoncus, suscipit sit amet tortor.</p>
|
|
543
|
+
<p class="caption__secondary">May 2014</p>
|
|
544
|
+
</div>
|
|
545
|
+
</li>
|
|
546
|
+
</ul>
|
|
547
|
+
</div>
|
|
548
|
+
<div am-grid-col="l:2 l:pre1">
|
|
549
|
+
<div class="avatar">
|
|
550
|
+
<img class="avatar__image" src="http://placekitten.com/140/140"/>
|
|
551
|
+
</div>
|
|
552
|
+
<div class="avatar-caption__2of12col-image">
|
|
553
|
+
<a href="#" class="button">Enquiry</a>
|
|
384
554
|
</div>
|
|
385
555
|
</div>
|
|
386
556
|
</section>
|
|
387
557
|
</section>
|
|
388
558
|
|
|
559
|
+
<script>
|
|
560
|
+
window.onload = function() {
|
|
561
|
+
document.getElementsByClassName('metrics__progress--red')[0].style.width = "72%";
|
|
562
|
+
document.getElementsByClassName('metrics__progress--blue')[0].style.width = "86%";
|
|
563
|
+
document.getElementsByClassName('stars--on')[0].style.width = "80%";
|
|
564
|
+
document.getElementsByClassName('stars--on')[1].style.width = "20%";
|
|
565
|
+
document.getElementsByClassName('stars--on')[2].style.width = "60%";
|
|
566
|
+
};
|
|
567
|
+
</script>
|
|
568
|
+
|
|
389
569
|
<div class="container">
|
|
390
570
|
<footer class="sub-footer">
|
|
391
571
|
<p>Copyright © 2014 Envato Studio. All Rights Reserved</p>
|
|
@@ -438,7 +438,7 @@
|
|
|
438
438
|
category and had plenty of great feedback. I had a flick through some of
|
|
439
439
|
their previous work and felt really comfortable that they would be able
|
|
440
440
|
to achieve the “feel” we were after.</p>
|
|
441
|
-
<p class="
|
|
441
|
+
<p class="no-margin">The simplicity of Envato Studio is unreal - it literally took me 2 or
|
|
442
442
|
3 minutes to post the job up and a couple of days later we’d accepted the
|
|
443
443
|
final logo & the whole process was wrapped up. We were really impressed
|
|
444
444
|
with the work. I gave Envato Studio a try because we were under the pump,
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: smock
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.1.
|
|
4
|
+
version: 0.1.87
|
|
5
5
|
prerelease:
|
|
6
6
|
platform: ruby
|
|
7
7
|
authors:
|
|
@@ -124,6 +124,7 @@ files:
|
|
|
124
124
|
- LICENSE
|
|
125
125
|
- README.md
|
|
126
126
|
- Rakefile
|
|
127
|
+
- app/assets/stylesheets/includes/_atoms.sass
|
|
127
128
|
- app/assets/stylesheets/includes/_colors.sass
|
|
128
129
|
- app/assets/stylesheets/includes/_forms.sass
|
|
129
130
|
- app/assets/stylesheets/includes/_grid.sass
|
|
@@ -144,8 +145,13 @@ files:
|
|
|
144
145
|
- app/assets/stylesheets/modules/_metrics.sass
|
|
145
146
|
- app/assets/stylesheets/modules/_nav.sass
|
|
146
147
|
- app/assets/stylesheets/modules/_pagination.sass
|
|
148
|
+
- app/assets/stylesheets/modules/_profile.sass
|
|
149
|
+
- app/assets/stylesheets/modules/_recommendations.sass
|
|
147
150
|
- app/assets/stylesheets/modules/_search_filters.sass
|
|
148
151
|
- app/assets/stylesheets/modules/_service.sass
|
|
152
|
+
- app/assets/stylesheets/modules/_service_card.sass
|
|
153
|
+
- app/assets/stylesheets/modules/_social.sass
|
|
154
|
+
- app/assets/stylesheets/modules/_stars.sass
|
|
149
155
|
- app/assets/stylesheets/modules/_styleguide.sass
|
|
150
156
|
- app/assets/stylesheets/modules/_testimonials.sass
|
|
151
157
|
- app/assets/stylesheets/modules/form/_credit_card.sass
|
|
@@ -364,7 +370,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
|
364
370
|
version: '0'
|
|
365
371
|
segments:
|
|
366
372
|
- 0
|
|
367
|
-
hash:
|
|
373
|
+
hash: 2583703481279643146
|
|
368
374
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
369
375
|
none: false
|
|
370
376
|
requirements:
|
|
@@ -373,7 +379,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
373
379
|
version: '0'
|
|
374
380
|
segments:
|
|
375
381
|
- 0
|
|
376
|
-
hash:
|
|
382
|
+
hash: 2583703481279643146
|
|
377
383
|
requirements: []
|
|
378
384
|
rubyforge_project: smock
|
|
379
385
|
rubygems_version: 1.8.21
|