smock 0.1.204 → 0.1.205
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/_color_helpers.sass +7 -4
- data/app/assets/stylesheets/includes/_space_helpers.sass +12 -0
- data/app/assets/stylesheets/modules/_categories_dropdown.sass +39 -0
- data/app/assets/stylesheets/smock.sass +13 -2
- data/examples/pages/homepage.html +91 -9
- metadata +5 -4
data/Gemfile.lock
CHANGED
|
@@ -1,11 +1,14 @@
|
|
|
1
|
+
.ch-white-background
|
|
2
|
+
background-color: $white
|
|
3
|
+
|
|
1
4
|
.ch-lightest-gray-background
|
|
2
|
-
background: $gray-lightest2
|
|
5
|
+
background-color: $gray-lightest2
|
|
3
6
|
|
|
4
7
|
.ch-gray-background
|
|
5
|
-
background: $gray-lightest
|
|
8
|
+
background-color: $gray-lightest
|
|
6
9
|
|
|
7
10
|
.ch-dark-gray-background
|
|
8
|
-
background: $gray-dark
|
|
11
|
+
background-color: $gray-dark
|
|
9
12
|
|
|
10
13
|
.ch-black-background
|
|
11
|
-
background: $black
|
|
14
|
+
background-color: $black
|
|
@@ -13,6 +13,12 @@
|
|
|
13
13
|
.s-large-below
|
|
14
14
|
+space(margin-bottom, 3)
|
|
15
15
|
|
|
16
|
+
.s-xlarge-below
|
|
17
|
+
+space(margin-bottom, 4)
|
|
18
|
+
|
|
19
|
+
.s-xxlarge-below
|
|
20
|
+
+space(margin-bottom, 5)
|
|
21
|
+
|
|
16
22
|
.s-small-above
|
|
17
23
|
+space(margin-top)
|
|
18
24
|
|
|
@@ -22,6 +28,12 @@
|
|
|
22
28
|
.s-large-above
|
|
23
29
|
+space(margin-top, 3)
|
|
24
30
|
|
|
31
|
+
.s-xlarge-above
|
|
32
|
+
+space(margin-top, 4)
|
|
33
|
+
|
|
34
|
+
.s-xxlarge-above
|
|
35
|
+
+space(margin-top, 5)
|
|
36
|
+
|
|
25
37
|
.s-small-padding-vertical
|
|
26
38
|
+space(padding-top)
|
|
27
39
|
+space(padding-bottom)
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
.category-dropdown
|
|
2
|
+
position: relative
|
|
3
|
+
|
|
4
|
+
.category-dropdown__control
|
|
5
|
+
display: block
|
|
6
|
+
|
|
7
|
+
.category-dropdown:hover
|
|
8
|
+
.category-dropdown__categories
|
|
9
|
+
display: block
|
|
10
|
+
|
|
11
|
+
.category-dropdown__categories
|
|
12
|
+
display: none
|
|
13
|
+
width: 582px
|
|
14
|
+
+space(padding)
|
|
15
|
+
+space(margin-left, -1)
|
|
16
|
+
border-radius: $border-radius
|
|
17
|
+
position: absolute
|
|
18
|
+
left: 0
|
|
19
|
+
+clearfix
|
|
20
|
+
|
|
21
|
+
.category-dropdown__categories__item__subcategories.show-me
|
|
22
|
+
display: block
|
|
23
|
+
position: absolute
|
|
24
|
+
+space(top)
|
|
25
|
+
right: 0
|
|
26
|
+
width: 45%
|
|
27
|
+
|
|
28
|
+
.category-dropdown__categories__list
|
|
29
|
+
+space(min-height, 9)
|
|
30
|
+
width: 55%
|
|
31
|
+
float: left
|
|
32
|
+
|
|
33
|
+
.category-dropdown__categories__more
|
|
34
|
+
width: 45%
|
|
35
|
+
clear: left
|
|
36
|
+
float: left
|
|
37
|
+
|
|
38
|
+
.category-dropdown__categories__item__subcategories
|
|
39
|
+
display: none
|
|
@@ -57,10 +57,21 @@
|
|
|
57
57
|
@import "modules/flash"
|
|
58
58
|
@import "modules/addon"
|
|
59
59
|
@import "modules/search_large"
|
|
60
|
+
@import "modules/categories_dropdown"
|
|
61
|
+
|
|
62
|
+
$typecsset-baseline-size: typecsset-strip-units($typecsset-magic-number)
|
|
60
63
|
|
|
61
64
|
html.vr
|
|
62
|
-
|
|
63
|
-
|
|
65
|
+
body
|
|
66
|
+
position: relative
|
|
67
|
+
&:before
|
|
68
|
+
content: ""
|
|
69
|
+
position: absolute
|
|
70
|
+
left: 0
|
|
71
|
+
right: 0
|
|
72
|
+
height: 100%
|
|
73
|
+
z-index: 9998
|
|
74
|
+
background-image: url(http://basehold.it/i/#{$typecsset-baseline-size}/FF8300)
|
|
64
75
|
|
|
65
76
|
.hero--affiliates
|
|
66
77
|
background-repeat: no-repeat
|
|
@@ -17,17 +17,99 @@
|
|
|
17
17
|
</head>
|
|
18
18
|
<body am-grid>
|
|
19
19
|
|
|
20
|
-
<header class="ch-black-background
|
|
21
|
-
<div class="container th-size-medium
|
|
20
|
+
<header class="ch-black-background header">
|
|
21
|
+
<div class="container th-size-medium">
|
|
22
22
|
<div class="s-small-below lh-clear">
|
|
23
|
-
<a class="header__logo svg__logo--inverse lh-pull-left lh-margin-right" href="https://studio-app.envato.com/smock/examples/">Envato Studio</a>
|
|
24
|
-
<
|
|
25
|
-
|
|
26
|
-
|
|
23
|
+
<a class="header__logo svg__logo--inverse lh-pull-left lh-margin-right th-double-line" href="https://studio-app.envato.com/smock/examples/">Envato Studio</a>
|
|
24
|
+
<ul class="lh-pull-left">
|
|
25
|
+
|
|
26
|
+
<li class="category-dropdown lh-pull-left lh-margin-right">
|
|
27
|
+
<a class="category-dropdown__control th-double-line th-inverse" href="#">Browse Categories</a>
|
|
28
|
+
<div class="category-dropdown__categories ch-white-background">
|
|
29
|
+
<ul class="category-dropdown__categories__list">
|
|
30
|
+
<li>
|
|
31
|
+
<a href="#">Business & Marketing</a>
|
|
32
|
+
<ul class="category-dropdown__categories__item__subcategories show-me th-size-normal">
|
|
33
|
+
<li><a href="#">Inforgraphic Design</a></li>
|
|
34
|
+
<li><a href="#">Caricatures & Cartoon Design</a></li>
|
|
35
|
+
<li><a href="#">eBooks & Digital Publishing</a></li>
|
|
36
|
+
<li><a href="#">Inforgraphic Design</a></li>
|
|
37
|
+
<li><a href="#">Website Customization & Updates</a></li>
|
|
38
|
+
</ul>
|
|
39
|
+
</li>
|
|
40
|
+
<li class="category-dropdown__categories__item">
|
|
41
|
+
<a href="#">Mobile & Apps</a>
|
|
42
|
+
<ul class="category-dropdown__categories__item__subcategories">
|
|
43
|
+
<li class="category-dropdown__categories__item__subcategories__item"><a href="#">Inforgraphic Design</a></li>
|
|
44
|
+
<li class="category-dropdown__categories__item__subcategories__item"><a href="#">Inforgraphic Design</a></li>
|
|
45
|
+
<li class="category-dropdown__categories__item__subcategories__item"><a href="#">Inforgraphic Design</a></li>
|
|
46
|
+
</ul>
|
|
47
|
+
</li>
|
|
48
|
+
<li class="category-dropdown__categories__item">
|
|
49
|
+
<a href="#">Ecommerce & CMS Development</a>
|
|
50
|
+
<ul class="category-dropdown__categories__item__subcategories">
|
|
51
|
+
<li class="category-dropdown__categories__item__subcategories__item"><a href="#">Inforgraphic Design</a></li>
|
|
52
|
+
<li class="category-dropdown__categories__item__subcategories__item"><a href="#">Inforgraphic Design</a></li>
|
|
53
|
+
<li class="category-dropdown__categories__item__subcategories__item"><a href="#">Inforgraphic Design</a></li>
|
|
54
|
+
</ul>
|
|
55
|
+
</li>
|
|
56
|
+
<li class="category-dropdown__categories__item">
|
|
57
|
+
<a href="#">Websites & Programming</a>
|
|
58
|
+
<ul class="category-dropdown__categories__item__subcategories">
|
|
59
|
+
<li class="category-dropdown__categories__item__subcategories__item"><a href="#">Inforgraphic Design</a></li>
|
|
60
|
+
<li class="category-dropdown__categories__item__subcategories__item"><a href="#">Inforgraphic Design</a></li>
|
|
61
|
+
<li class="category-dropdown__categories__item__subcategories__item"><a href="#">Inforgraphic Design</a></li>
|
|
62
|
+
</ul>
|
|
63
|
+
</li>
|
|
64
|
+
<li class="category-dropdown__categories__item">
|
|
65
|
+
<a href="#">Design & Graphics</a>
|
|
66
|
+
<ul class="category-dropdown__categories__item__subcategories">
|
|
67
|
+
<li class="category-dropdown__categories__item__subcategories__item"><a href="#">Inforgraphic Design</a></li>
|
|
68
|
+
<li class="category-dropdown__categories__item__subcategories__item"><a href="#">Inforgraphic Design</a></li>
|
|
69
|
+
<li class="category-dropdown__categories__item__subcategories__item"><a href="#">Inforgraphic Design</a></li>
|
|
70
|
+
</ul>
|
|
71
|
+
</li>
|
|
72
|
+
<li class="category-dropdown__categories__item">
|
|
73
|
+
<a href="#">Logos & Branding</a>
|
|
74
|
+
<ul class="category-dropdown__categories__item__subcategories">
|
|
75
|
+
<li class="category-dropdown__categories__item__subcategories__item"><a href="#">Inforgraphic Design</a></li>
|
|
76
|
+
<li class="category-dropdown__categories__item__subcategories__item"><a href="#">Inforgraphic Design</a></li>
|
|
77
|
+
<li class="category-dropdown__categories__item__subcategories__item"><a href="#">Inforgraphic Design</a></li>
|
|
78
|
+
</ul>
|
|
79
|
+
</li>
|
|
80
|
+
<li class="category-dropdown__categories__item">
|
|
81
|
+
<a href="#">WordPress</a>
|
|
82
|
+
<ul class="category-dropdown__categories__item__subcategories">
|
|
83
|
+
<li class="category-dropdown__categories__item__subcategories__item"><a href="#">Inforgraphic Design</a></li>
|
|
84
|
+
<li class="category-dropdown__categories__item__subcategories__item"><a href="#">Inforgraphic Design</a></li>
|
|
85
|
+
<li class="category-dropdown__categories__item__subcategories__item"><a href="#">Inforgraphic Design</a></li>
|
|
86
|
+
</ul>
|
|
87
|
+
</li>
|
|
88
|
+
<li class="category-dropdown__categories__item">
|
|
89
|
+
<a href="#">Video & Animation</a>
|
|
90
|
+
<ul class="category-dropdown__categories__item__subcategories">
|
|
91
|
+
<li class="category-dropdown__categories__item__subcategories__item"><a href="#">Inforgraphic Design</a></li>
|
|
92
|
+
<li class="category-dropdown__categories__item__subcategories__item"><a href="#">Inforgraphic Design</a></li>
|
|
93
|
+
<li class="category-dropdown__categories__item__subcategories__item"><a href="#">Inforgraphic Design</a></li>
|
|
94
|
+
</ul>
|
|
95
|
+
</li>
|
|
96
|
+
</ul>
|
|
97
|
+
|
|
98
|
+
<div class="category-dropdown__categories__more">
|
|
99
|
+
<hr class="hr--small" />
|
|
100
|
+
<p class="th-muted th-size-normal s-no-below">Can't find the exact service you're<br /> after? Most providers
|
|
101
|
+
complete<br /> custom jobs. Just send them an<br /> enquiry.</p>
|
|
102
|
+
</div>
|
|
103
|
+
</div>
|
|
104
|
+
</li>
|
|
105
|
+
|
|
106
|
+
<li class="lh-pull-left th-double-line th-inverse"><a href="#">How it Works</a></li>
|
|
107
|
+
</ul>
|
|
108
|
+
<a class="lh-pull-right th-double-line th-inverse" href="#">Sign In</a>
|
|
27
109
|
</div>
|
|
28
110
|
|
|
29
|
-
<div class="header__content th-align-center s-large-above">
|
|
30
|
-
<div class="lh-clear s-
|
|
111
|
+
<div class="header__content th-inverse th-align-center s-large-above">
|
|
112
|
+
<div class="lh-clear s-xxlarge-above s-medium-below lh-auto-margin hero__heading__video-launcher__play--large hero__heading__video-launcher__play--large hot-icon__play"></div>
|
|
31
113
|
<h1 class="th-size-xlarge s-medium-below" am-grid-col="l:pre2 l:8">Hand-picked designers and developers ready for your project.</h1>
|
|
32
114
|
<form accept-charset="UTF-8" class="lh-clear" action="/search" id="new_search" method="get"><div style="display:none"><input name="utf8" type="hidden" value="✓"></div>
|
|
33
115
|
<fieldset am-grid-row="l:start" am-grid-col="l:pre1 l:10" class="large-search">
|
|
@@ -38,7 +120,7 @@
|
|
|
38
120
|
</button>
|
|
39
121
|
</fieldset>
|
|
40
122
|
</form>
|
|
41
|
-
<div am-grid-row="l:start" am-grid-col="l:pre2 l:8" class="s-
|
|
123
|
+
<div am-grid-row="l:start" am-grid-col="l:pre2 l:8" class="s-xxlarge-below">
|
|
42
124
|
<p class="lh-flexed--spaced s-no-below th-size-medium">
|
|
43
125
|
<a href="#">Install WordPress Theme</a>
|
|
44
126
|
<a href="#">Flyer Design</a>
|
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.205
|
|
5
5
|
prerelease:
|
|
6
6
|
platform: ruby
|
|
7
7
|
authors:
|
|
@@ -9,7 +9,7 @@ authors:
|
|
|
9
9
|
autorequire:
|
|
10
10
|
bindir: bin
|
|
11
11
|
cert_chain: []
|
|
12
|
-
date:
|
|
12
|
+
date: 2015-01-07 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: sass
|
|
@@ -147,6 +147,7 @@ files:
|
|
|
147
147
|
- app/assets/stylesheets/modules/_am_grid.sass
|
|
148
148
|
- app/assets/stylesheets/modules/_asset_uploader.sass
|
|
149
149
|
- app/assets/stylesheets/modules/_categories.sass
|
|
150
|
+
- app/assets/stylesheets/modules/_categories_dropdown.sass
|
|
150
151
|
- app/assets/stylesheets/modules/_category_card.sass
|
|
151
152
|
- app/assets/stylesheets/modules/_flash.sass
|
|
152
153
|
- app/assets/stylesheets/modules/_footer.sass
|
|
@@ -451,7 +452,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
|
451
452
|
version: '0'
|
|
452
453
|
segments:
|
|
453
454
|
- 0
|
|
454
|
-
hash:
|
|
455
|
+
hash: 4098174274073784098
|
|
455
456
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
456
457
|
none: false
|
|
457
458
|
requirements:
|
|
@@ -460,7 +461,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
460
461
|
version: '0'
|
|
461
462
|
segments:
|
|
462
463
|
- 0
|
|
463
|
-
hash:
|
|
464
|
+
hash: 4098174274073784098
|
|
464
465
|
requirements: []
|
|
465
466
|
rubyforge_project: smock
|
|
466
467
|
rubygems_version: 1.8.21
|