smock 0.1.107 → 0.1.108
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/avatars.html +11 -0
- data/examples/icons.html +20 -0
- data/examples/reviews.html +26 -39
- data/examples/service.html +30 -15
- data/examples/testimonials.html +9 -0
- data/guide2.sass +16 -0
- data/index2.html +1 -0
- metadata +4 -3
data/Gemfile.lock
CHANGED
data/examples/avatars.html
CHANGED
|
@@ -13,4 +13,15 @@
|
|
|
13
13
|
|
|
14
14
|
<div class="example">
|
|
15
15
|
<p class="paragraph--bigger paragraph__large-avatar__heading"><a href="#">Professional Logo Design</a> for $150 by <a href="#">Brandbusters</a></p>
|
|
16
|
+
</div>
|
|
17
|
+
|
|
18
|
+
<div class="example">
|
|
19
|
+
<div am-grid-col="l:2:10">
|
|
20
|
+
<div class="avatar--medium">
|
|
21
|
+
<img class="avatar__image" src="https://dummyimage.com/140x140" />
|
|
22
|
+
</div>
|
|
23
|
+
<div>
|
|
24
|
+
<a class="button button--muted" href="http://studio.dev/account/users/283/enquiries/new">Contact Me</a>
|
|
25
|
+
</div>
|
|
26
|
+
</div>
|
|
16
27
|
</div>
|
data/examples/icons.html
ADDED
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
<ul id="icons">
|
|
2
|
+
</ul>
|
|
3
|
+
|
|
4
|
+
<script>
|
|
5
|
+
var iconsEl = $('#icons');
|
|
6
|
+
|
|
7
|
+
for(var i = 0; i < document.styleSheets.length; i++) {
|
|
8
|
+
var styleSheet = document.styleSheets[i];
|
|
9
|
+
var rules = styleSheet.rules;
|
|
10
|
+
if (rules) {
|
|
11
|
+
for(var j = 0; j < rules.length; j++) {
|
|
12
|
+
var rule = rules[j];
|
|
13
|
+
if (rule.selectorText && rule.selectorText.indexOf('hot-icon') === 1) {
|
|
14
|
+
var template = "<li class=\"style-group__icons\"><div><i class=\"" + rule.selectorText.replace(".", "") + " style-group__icon\"></i></div><span>" + rule.selectorText + "</span></li>"
|
|
15
|
+
iconsEl.append(template);
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
</script>
|
data/examples/reviews.html
CHANGED
|
@@ -1,29 +1,16 @@
|
|
|
1
1
|
<div class="example">
|
|
2
|
-
<
|
|
3
|
-
|
|
2
|
+
<h3>311 Recommendations</h3>
|
|
3
|
+
<div am-grid-col="l:2:9">
|
|
4
|
+
<div class="hot-icon__star-off stars"><div class="stars stars--on hot-icon__star-on"></div></div>
|
|
5
|
+
Responsiveness
|
|
4
6
|
</div>
|
|
5
|
-
<div
|
|
6
|
-
<
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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>
|
|
7
|
+
<div am-grid-col="l:2:9">
|
|
8
|
+
<div class="hot-icon__star-off stars"><div class="stars stars--on hot-icon__star-on"></div></div>
|
|
9
|
+
Communication
|
|
10
|
+
</div>
|
|
11
|
+
<div am-grid-col="l:2:9">
|
|
12
|
+
<div class="hot-icon__star-off stars"><div class="stars stars--on hot-icon__star-on"></div></div>
|
|
13
|
+
Quality
|
|
27
14
|
</div>
|
|
28
15
|
</div>
|
|
29
16
|
|
|
@@ -36,17 +23,17 @@
|
|
|
36
23
|
</script>
|
|
37
24
|
|
|
38
25
|
<div class="example">
|
|
39
|
-
<ul class="review__list" am-grid-col="l:9:9">
|
|
40
|
-
<li>
|
|
26
|
+
<ul id="reviews" class="review__list" am-grid-col="l:9:9">
|
|
27
|
+
<li class="review">
|
|
41
28
|
<div am-grid-col="l:1:9">
|
|
42
29
|
<div class="avatar--small">
|
|
43
|
-
<img class="avatar__image" src="https://dummyimage.com/60x60" />
|
|
30
|
+
<img class="avatar__image" src="https://dummyimage.com/60x60" width="60" height="60" />
|
|
44
31
|
</div>
|
|
45
32
|
</div>
|
|
46
|
-
<div am-grid-col="l:8:9">
|
|
47
|
-
<strong>
|
|
33
|
+
<div am-grid-col="l:8:9" am-grid-row="l:end">
|
|
34
|
+
<strong>webmaster1258</strong><span class="profile__review__purchase-count">has ordered 1 job</span>
|
|
48
35
|
<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">
|
|
36
|
+
<p class="caption__secondary">September 2014</p>
|
|
50
37
|
<br>
|
|
51
38
|
</div>
|
|
52
39
|
</li>
|
|
@@ -54,28 +41,28 @@
|
|
|
54
41
|
</div>
|
|
55
42
|
|
|
56
43
|
<div class="example">
|
|
57
|
-
<ul class="review__list" am-grid-col="l:9:9">
|
|
58
|
-
<li>
|
|
44
|
+
<ul id="reviews" class="review__list" am-grid-col="l:9:9">
|
|
45
|
+
<li class="review">
|
|
59
46
|
<div am-grid-col="l:1:9">
|
|
60
47
|
<div class="avatar--small">
|
|
61
|
-
<img class="avatar__image" src="https://dummyimage.com/60x60" />
|
|
48
|
+
<img class="avatar__image" src="https://dummyimage.com/60x60" width="60" height="60" />
|
|
62
49
|
</div>
|
|
63
50
|
</div>
|
|
64
51
|
<div am-grid-col="l:8:9" am-grid-row="l:end">
|
|
65
|
-
<strong>
|
|
52
|
+
<strong>webmaster1258</strong><span class="profile__review__purchase-count">has ordered 1 job</span>
|
|
66
53
|
<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">
|
|
54
|
+
<p class="caption__secondary">September 2014</p>
|
|
68
55
|
<br>
|
|
69
56
|
<div am-grid-col="l:8:8">
|
|
70
57
|
<div am-grid-col="l:1:8">
|
|
71
58
|
<div class="avatar--small">
|
|
72
|
-
<img class="avatar__image" src="https://dummyimage.com/60x60" />
|
|
59
|
+
<img class="avatar__image" src="https://dummyimage.com/60x60" width="60" height="60" />
|
|
73
60
|
</div>
|
|
74
61
|
</div>
|
|
75
62
|
<div am-grid-col="l:7:8">
|
|
76
|
-
<strong>
|
|
77
|
-
<p class="no-margin">
|
|
78
|
-
<p class="caption__secondary">
|
|
63
|
+
Reply from <strong>zlaws</strong>
|
|
64
|
+
<p class="no-margin">Great working with you :) </p>
|
|
65
|
+
<p class="caption__secondary">September 2014</p>
|
|
79
66
|
<br>
|
|
80
67
|
</div>
|
|
81
68
|
</div>
|
data/examples/service.html
CHANGED
|
@@ -1,22 +1,26 @@
|
|
|
1
1
|
<div class="example">
|
|
2
|
-
<div am-grid-col="l:3:10">
|
|
3
|
-
<
|
|
4
|
-
<div class="
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
2
|
+
<div class="service service__card" am-grid-col="l:3:10" am-grid-row="l:start">
|
|
3
|
+
<a href="#">
|
|
4
|
+
<div class="service__card__image">
|
|
5
|
+
<div class="service__card__image__price">$100</div>
|
|
6
|
+
<img width="223" height="198" src="https://dummyimage.com/223x198" />
|
|
7
|
+
</div>
|
|
8
|
+
</a>
|
|
9
|
+
<a href="#">Creative Concept Business Card Design with Images</a>
|
|
10
|
+
<a href="#"><p class="caption__secondary">Business Card Design</p></a>
|
|
9
11
|
</div>
|
|
10
12
|
</div>
|
|
11
13
|
|
|
12
14
|
<div class="example">
|
|
13
|
-
<div am-grid-col="l:3:10">
|
|
14
|
-
<
|
|
15
|
-
<div class="
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
15
|
+
<div class="service service__card" am-grid-col="l:3:10" am-grid-row="l:start">
|
|
16
|
+
<a href="#">
|
|
17
|
+
<div class="service__card__image">
|
|
18
|
+
<div class="service__card__image__price">$100</div>
|
|
19
|
+
<img width="223" height="198" src="https://dummyimage.com/223x198" />
|
|
20
|
+
</div>
|
|
21
|
+
</a>
|
|
22
|
+
<a href="#">Creative Concept Business Card Design with Images</a>
|
|
23
|
+
<a href="#"><p class="caption__secondary">Business Card Design</p></a>
|
|
20
24
|
<div class="service__card__provider">
|
|
21
25
|
<div am-grid-col="l:1:6" class="service__card__provider__image">
|
|
22
26
|
<img src="https://dummyimage.com/30x30" />
|
|
@@ -26,4 +30,15 @@
|
|
|
26
30
|
</div>
|
|
27
31
|
</div>
|
|
28
32
|
</div>
|
|
29
|
-
</div>
|
|
33
|
+
</div>
|
|
34
|
+
|
|
35
|
+
<div class="example">
|
|
36
|
+
<div class="service" am-grid-col="l:3:10">
|
|
37
|
+
<a href="#">
|
|
38
|
+
<div class="service__card__image--custom--job">
|
|
39
|
+
Custom Project
|
|
40
|
+
</div>
|
|
41
|
+
</a>
|
|
42
|
+
<div><a href="#">Can't find what your are looking for? I also do custom projects based on your brief.</a></div>
|
|
43
|
+
</div>
|
|
44
|
+
</div>
|
data/examples/testimonials.html
CHANGED
|
@@ -48,4 +48,13 @@
|
|
|
48
48
|
</div>
|
|
49
49
|
</blockquote>
|
|
50
50
|
</div>
|
|
51
|
+
</div>
|
|
52
|
+
|
|
53
|
+
<div class="example">
|
|
54
|
+
<section class="profile__review__quote">
|
|
55
|
+
<blockquote class="profile__review__box">
|
|
56
|
+
"We are very happy with his work. We didn't know exactly what we wanted for a logo,but he was very patient with us and delivered us a high quality product that we love. We recommend him highly and it was easy to work with him. "
|
|
57
|
+
</blockquote>
|
|
58
|
+
<strong>soriano</strong><span class="profile__review__purchase-count">has ordered 2 jobs</span>
|
|
59
|
+
</section>
|
|
51
60
|
</div>
|
data/guide2.sass
CHANGED
|
@@ -13,3 +13,19 @@
|
|
|
13
13
|
pre:before
|
|
14
14
|
content: 'Code'
|
|
15
15
|
|
|
16
|
+
|
|
17
|
+
.style-group__icons
|
|
18
|
+
width: 200px
|
|
19
|
+
text-align: center
|
|
20
|
+
box-shadow: 0 0 0 1px $gray
|
|
21
|
+
+space(padding)
|
|
22
|
+
float: left
|
|
23
|
+
min-height: 200px
|
|
24
|
+
background: #f1f1f1
|
|
25
|
+
|
|
26
|
+
.style-group__icon
|
|
27
|
+
width: 64px
|
|
28
|
+
height: 64px
|
|
29
|
+
display: block
|
|
30
|
+
margin: 0 auto
|
|
31
|
+
+space(margin-bottom)
|
data/index2.html
CHANGED
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
<div class="container">
|
|
11
11
|
<h1>Sherv's Styleguide to the Universe</h1>
|
|
12
12
|
<ul am-grid-col="l:2:12" class="actions">
|
|
13
|
+
<li><a href="#" rel="icons">Icons</a></li>
|
|
13
14
|
<li><a href="#" rel="buttons">Buttons</a></li>
|
|
14
15
|
<li><a href="#" rel="banners">Banners</a></li>
|
|
15
16
|
<li><a href="#" rel="typography">Typography</a></li>
|
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.108
|
|
5
5
|
prerelease:
|
|
6
6
|
platform: ruby
|
|
7
7
|
authors:
|
|
@@ -260,6 +260,7 @@ files:
|
|
|
260
260
|
- examples/buttons.html
|
|
261
261
|
- examples/colors.html
|
|
262
262
|
- examples/forms.html
|
|
263
|
+
- examples/icons.html
|
|
263
264
|
- examples/links.html
|
|
264
265
|
- examples/molecules.html
|
|
265
266
|
- examples/organisims.html
|
|
@@ -420,7 +421,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
|
420
421
|
version: '0'
|
|
421
422
|
segments:
|
|
422
423
|
- 0
|
|
423
|
-
hash:
|
|
424
|
+
hash: 2939868190048851569
|
|
424
425
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
425
426
|
none: false
|
|
426
427
|
requirements:
|
|
@@ -429,7 +430,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
429
430
|
version: '0'
|
|
430
431
|
segments:
|
|
431
432
|
- 0
|
|
432
|
-
hash:
|
|
433
|
+
hash: 2939868190048851569
|
|
433
434
|
requirements: []
|
|
434
435
|
rubyforge_project: smock
|
|
435
436
|
rubygems_version: 1.8.21
|