smock 0.1.98 → 0.1.99
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/examples/reviews.html +85 -0
- data/examples/service.html +29 -0
- data/index2.html +3 -1
- metadata +5 -3
data/Gemfile.lock
CHANGED
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
<div class="example">
|
|
2
|
+
<div am-grid-col="l:1:10">
|
|
3
|
+
<i class="hot-icon__twitter--color--round metrics__icon"></i>
|
|
4
|
+
</div>
|
|
5
|
+
<div class="recommendations" am-grid-col="l:9:10" am-grid-row="l:end">
|
|
6
|
+
<h3>Buyer Reviews</h3>
|
|
7
|
+
<ul>
|
|
8
|
+
<li>
|
|
9
|
+
<div am-grid-col="l:2:12">Responsiveness</div>
|
|
10
|
+
<div am-grid-col="l:10:12">
|
|
11
|
+
<div class="stars hot-icon__star-off"><div class="stars stars--on hot-icon__star-on"></div></div>
|
|
12
|
+
</div>
|
|
13
|
+
</li>
|
|
14
|
+
<li>
|
|
15
|
+
<div am-grid-col="l:2:12">Communication</div>
|
|
16
|
+
<div am-grid-col="l:10:12">
|
|
17
|
+
<div class="stars hot-icon__star-off"><div class="stars stars--on hot-icon__star-on"></div></div>
|
|
18
|
+
</div>
|
|
19
|
+
</li>
|
|
20
|
+
<li>
|
|
21
|
+
<div am-grid-col="l:2:12">Quality</div>
|
|
22
|
+
<div am-grid-col="l:10:12">
|
|
23
|
+
<div class="stars hot-icon__star-off"><div class="stars stars--on hot-icon__star-on"></div></div>
|
|
24
|
+
</div>
|
|
25
|
+
</li>
|
|
26
|
+
</ul>
|
|
27
|
+
</div>
|
|
28
|
+
</div>
|
|
29
|
+
|
|
30
|
+
<script>
|
|
31
|
+
$(function() {
|
|
32
|
+
document.getElementsByClassName('stars--on')[0].style.width = "80%";
|
|
33
|
+
document.getElementsByClassName('stars--on')[1].style.width = "20%";
|
|
34
|
+
document.getElementsByClassName('stars--on')[2].style.width = "60%";
|
|
35
|
+
});
|
|
36
|
+
</script>
|
|
37
|
+
|
|
38
|
+
<div class="example">
|
|
39
|
+
<ul class="review__list" am-grid-col="l:9:9">
|
|
40
|
+
<li>
|
|
41
|
+
<div am-grid-col="l:1:9">
|
|
42
|
+
<div class="avatar--small">
|
|
43
|
+
<img class="avatar__image" src="http://placehold.it/60x60" />
|
|
44
|
+
</div>
|
|
45
|
+
</div>
|
|
46
|
+
<div am-grid-col="l:8:9">
|
|
47
|
+
<strong>Cooper Kelly</strong>
|
|
48
|
+
<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>
|
|
49
|
+
<p class="caption__secondary">May 2014</p>
|
|
50
|
+
<br>
|
|
51
|
+
</div>
|
|
52
|
+
</li>
|
|
53
|
+
</ul>
|
|
54
|
+
</div>
|
|
55
|
+
|
|
56
|
+
<div class="example">
|
|
57
|
+
<ul class="review__list" am-grid-col="l:9:9">
|
|
58
|
+
<li>
|
|
59
|
+
<div am-grid-col="l:1:9">
|
|
60
|
+
<div class="avatar--small">
|
|
61
|
+
<img class="avatar__image" src="http://placehold.it/60x60" />
|
|
62
|
+
</div>
|
|
63
|
+
</div>
|
|
64
|
+
<div am-grid-col="l:8:9" am-grid-row="l:end">
|
|
65
|
+
<strong>Cooper Kelly</strong>
|
|
66
|
+
<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>
|
|
67
|
+
<p class="caption__secondary">May 2014</p>
|
|
68
|
+
<br>
|
|
69
|
+
<div am-grid-col="l:8:8">
|
|
70
|
+
<div am-grid-col="l:1:8">
|
|
71
|
+
<div class="avatar--small">
|
|
72
|
+
<img class="avatar__image" src="http://placehold.it/60x60" />
|
|
73
|
+
</div>
|
|
74
|
+
</div>
|
|
75
|
+
<div am-grid-col="l:7:8">
|
|
76
|
+
<strong>Cooper Kelly</strong>
|
|
77
|
+
<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>
|
|
78
|
+
<p class="caption__secondary">May 2014</p>
|
|
79
|
+
<br>
|
|
80
|
+
</div>
|
|
81
|
+
</div>
|
|
82
|
+
</div>
|
|
83
|
+
</li>
|
|
84
|
+
</ul>
|
|
85
|
+
</div>
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
<div class="example">
|
|
2
|
+
<div am-grid-col="l:3:10">
|
|
3
|
+
<div class="service__card__image">
|
|
4
|
+
<div class="service__card__image__price">$55</div>
|
|
5
|
+
<img src="http://placehold.it/221x177" />
|
|
6
|
+
</div>
|
|
7
|
+
<strong>Express Logo Design, Unique Creative Branding</strong>
|
|
8
|
+
<p class="caption__secondary">Ecommerce & CMS Development</p>
|
|
9
|
+
</div>
|
|
10
|
+
</div>
|
|
11
|
+
|
|
12
|
+
<div class="example">
|
|
13
|
+
<div am-grid-col="l:3:10">
|
|
14
|
+
<div class="service__card__image">
|
|
15
|
+
<div class="service__card__image__price">$55</div>
|
|
16
|
+
<img src="http://placehold.it/221x177" />
|
|
17
|
+
</div>
|
|
18
|
+
<strong>Express Logo Design, Unique Creative Branding</strong>
|
|
19
|
+
<p class="caption__secondary">Ecommerce & CMS Development</p>
|
|
20
|
+
<div class="service__card__provider">
|
|
21
|
+
<div am-grid-col="l:1:6" class="service__card__provider__image">
|
|
22
|
+
<img src="http://placehold.it/30x30" />
|
|
23
|
+
</div>
|
|
24
|
+
<div am-grid-col="l:5:6">
|
|
25
|
+
<strong class="service__card__provider_name">Brandbusters<span>(58)</span></strong class=".service__card__provider_name">
|
|
26
|
+
</div>
|
|
27
|
+
</div>
|
|
28
|
+
</div>
|
|
29
|
+
</div>
|
data/index2.html
CHANGED
|
@@ -22,6 +22,8 @@
|
|
|
22
22
|
<li><a href="#" rel="colors">Colors</a></li>
|
|
23
23
|
<li><a href="#" rel="links">Links</a></li>
|
|
24
24
|
<li><a href="#" rel="forms">Forms</a></li>
|
|
25
|
+
<li><a href="#" rel="service">Service</a></li>
|
|
26
|
+
<li><a href="#" rel="reviews">Reviews</a></li>
|
|
25
27
|
</ul>
|
|
26
28
|
<aside am-grid-col="l:10:12">
|
|
27
29
|
<div id='content'></div>
|
|
@@ -29,7 +31,7 @@
|
|
|
29
31
|
</div>
|
|
30
32
|
<script>
|
|
31
33
|
setupActions();
|
|
32
|
-
loadContent($('.actions a:first')[0].rel)
|
|
34
|
+
loadContent($('.actions a:first')[0].rel);
|
|
33
35
|
</script>
|
|
34
36
|
</body>
|
|
35
37
|
</html>
|
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.99
|
|
5
5
|
prerelease:
|
|
6
6
|
platform: ruby
|
|
7
7
|
authors:
|
|
@@ -354,6 +354,8 @@ files:
|
|
|
354
354
|
- examples/pages/testimonials.html
|
|
355
355
|
- examples/pagination.html
|
|
356
356
|
- examples/paragraphs.html
|
|
357
|
+
- examples/reviews.html
|
|
358
|
+
- examples/service.html
|
|
357
359
|
- examples/testimonials.html
|
|
358
360
|
- examples/typography.html
|
|
359
361
|
- guide.js
|
|
@@ -385,7 +387,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
|
385
387
|
version: '0'
|
|
386
388
|
segments:
|
|
387
389
|
- 0
|
|
388
|
-
hash:
|
|
390
|
+
hash: -632820290121099806
|
|
389
391
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
390
392
|
none: false
|
|
391
393
|
requirements:
|
|
@@ -394,7 +396,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
394
396
|
version: '0'
|
|
395
397
|
segments:
|
|
396
398
|
- 0
|
|
397
|
-
hash:
|
|
399
|
+
hash: -632820290121099806
|
|
398
400
|
requirements: []
|
|
399
401
|
rubyforge_project: smock
|
|
400
402
|
rubygems_version: 1.8.21
|