smock 0.1.204 → 0.1.205
Sign up to get free protection for your applications and to get access to all the features.
- 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
|