smock 0.1.190 → 0.1.191
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/_layout_helpers.sass +6 -0
- data/app/assets/stylesheets/includes/_space_helpers.sass +19 -6
- data/app/assets/stylesheets/includes/_typography_helpers.sass +3 -0
- data/app/assets/stylesheets/modules/_footer.sass +3 -2
- data/examples/pages/homepage.html +20 -24
- metadata +4 -4
data/Gemfile.lock
CHANGED
|
@@ -4,19 +4,32 @@
|
|
|
4
4
|
.s-small-below
|
|
5
5
|
+space(margin-bottom)
|
|
6
6
|
|
|
7
|
-
.s-small-above
|
|
8
|
-
+space(margin-top)
|
|
9
|
-
|
|
10
7
|
.s-medium-below
|
|
11
8
|
+space(margin-bottom, 2)
|
|
12
9
|
|
|
13
10
|
.s-large-below
|
|
14
11
|
+space(margin-bottom, 3)
|
|
15
12
|
|
|
16
|
-
.s-
|
|
17
|
-
+space(
|
|
18
|
-
|
|
13
|
+
.s-small-above
|
|
14
|
+
+space(margin-top)
|
|
15
|
+
|
|
16
|
+
.s-medium-above
|
|
17
|
+
+space(margin-top, 2)
|
|
18
|
+
|
|
19
|
+
.s-large-above
|
|
20
|
+
+space(margin-top, 3)
|
|
19
21
|
|
|
20
22
|
.s-small-padding-vertical
|
|
21
23
|
+space(padding-top)
|
|
22
24
|
+space(padding-bottom)
|
|
25
|
+
|
|
26
|
+
.s-medium-padding-vertical
|
|
27
|
+
+space(padding-top, 2)
|
|
28
|
+
+space(padding-bottom, 2)
|
|
29
|
+
|
|
30
|
+
.s-large-padding-vertical
|
|
31
|
+
+space(padding-top, 3)
|
|
32
|
+
+space(padding-bottom, 3)
|
|
33
|
+
|
|
34
|
+
.s-crazy-padding-top
|
|
35
|
+
+space(padding-top, 10)
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
.footer
|
|
2
|
+
+space(margin-top, 2)
|
|
3
|
+
|
|
1
4
|
.footer-banner
|
|
2
5
|
+space(margin-bottom)
|
|
3
6
|
background: $black
|
|
@@ -8,7 +11,6 @@
|
|
|
8
11
|
|
|
9
12
|
.footer-banner__envato-logo
|
|
10
13
|
+space(min-height, 2)
|
|
11
|
-
+space(margin-bottom)
|
|
12
14
|
display: block
|
|
13
15
|
width: 100%
|
|
14
16
|
background-position: center
|
|
@@ -35,7 +37,6 @@
|
|
|
35
37
|
margin-right: 0
|
|
36
38
|
|
|
37
39
|
.footer-list__label
|
|
38
|
-
+space(margin-top)
|
|
39
40
|
+space(margin-bottom)
|
|
40
41
|
font-weight: bold
|
|
41
42
|
|
|
@@ -17,26 +17,28 @@
|
|
|
17
17
|
</head>
|
|
18
18
|
<body am-grid>
|
|
19
19
|
|
|
20
|
-
<header class="
|
|
21
|
-
<div class="container
|
|
20
|
+
<header class="ch-black-background th-inverse header">
|
|
21
|
+
<div class="container th-size-medium th-double-line">
|
|
22
22
|
<div class="s-small-below lh-clear">
|
|
23
|
-
<a class="header__logo svg__logo--inverse" href="https://studio-app.envato.com/smock/examples/">Envato Studio</a>
|
|
24
|
-
<
|
|
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
|
+
<a class="lh-pull-left lh-margin-right" href="#">Browse Categories</a>
|
|
25
|
+
<a class="lh-pull-left" href="#">How it Works</a>
|
|
26
|
+
<a class="lh-pull-right" href="#">Sign In</a>
|
|
25
27
|
</div>
|
|
26
28
|
|
|
27
|
-
<div class="header__content th-align-center"
|
|
28
|
-
<div class="s-medium-below lh-auto-margin hero__heading__video-launcher__play--large hero__heading__video-launcher__play--large hot-icon__play"></div>
|
|
29
|
+
<div class="header__content th-align-center s-large-above">
|
|
30
|
+
<div class="lh-clear s-large-above s-medium-below lh-auto-margin hero__heading__video-launcher__play--large hero__heading__video-launcher__play--large hot-icon__play"></div>
|
|
29
31
|
<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>
|
|
30
32
|
<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>
|
|
31
33
|
<fieldset am-grid-row="l:start" am-grid-col="l:pre1 l:10" class="large-search">
|
|
32
34
|
<label class="large-search__label" for="search_query">Search Services</label>
|
|
33
|
-
<input autocomplete="off" class="large-search__body" id="search_query" name="search[query]" placeholder="
|
|
35
|
+
<input autocomplete="off" class="large-search__body" id="search_query" name="search[query]" placeholder="Find a service: eg. 'Logo Design'" type="text">
|
|
34
36
|
<button type="submit" class="button button--green large-search__button">
|
|
35
37
|
<span class="large-search__button__label">Search</span>
|
|
36
38
|
</button>
|
|
37
39
|
</fieldset>
|
|
38
40
|
</form>
|
|
39
|
-
<div am-grid-row="l:start" am-grid-col="l:pre2 l:8" class="s-
|
|
41
|
+
<div am-grid-row="l:start" am-grid-col="l:pre2 l:8" class="s-large-below">
|
|
40
42
|
<p class="lh-flexed--spaced s-no-below th-size-medium">
|
|
41
43
|
<a href="#">Install WordPress Theme</a>
|
|
42
44
|
<a href="#">Flyer Design</a>
|
|
@@ -263,7 +265,7 @@
|
|
|
263
265
|
</section>
|
|
264
266
|
|
|
265
267
|
<section class="ch-dark-gray-background s-medium-padding-vertical th-inverse">
|
|
266
|
-
<div class="container">
|
|
268
|
+
<div class="container s-crazy-padding-top">
|
|
267
269
|
<h3 class="s-no-below"><strong>Only the best for your job.</strong></h3>
|
|
268
270
|
<div am-grid-col="l:9">
|
|
269
271
|
<p class="th-size-large s-no-below">All designers and developers have<br /> been hand-picked. It ensures great results<br /> for you, and enables them to earn an<br /> income doing what they
|
|
@@ -335,7 +337,7 @@
|
|
|
335
337
|
<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>
|
|
336
338
|
<fieldset am-grid-row="l:start" am-grid-col="l:pre1 l:10" class="large-search s-no-below">
|
|
337
339
|
<label class="large-search__label" for="search_query">Search Services</label>
|
|
338
|
-
<input autocomplete="off" class="large-search__body" id="search_query" name="search[query]" placeholder="What
|
|
340
|
+
<input autocomplete="off" class="large-search__body" id="search_query" name="search[query]" placeholder="What job can we help you with?" type="text">
|
|
339
341
|
<button type="submit" class="button button--green large-search__button">
|
|
340
342
|
<span class="large-search__button__label">Search</span>
|
|
341
343
|
</button>
|
|
@@ -344,21 +346,15 @@
|
|
|
344
346
|
</div>
|
|
345
347
|
</section>
|
|
346
348
|
|
|
347
|
-
<
|
|
348
|
-
<
|
|
349
|
-
<
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
<section class="footer-banner__text">
|
|
355
|
-
<p class="footer-banner__info">Envato Studio is part of the Envato network. Supporting over 4,000,000 digital
|
|
356
|
-
creatives worldwide with sites including <a href="http://themeforest.net/">ThemeForest</a>, <a
|
|
357
|
-
href="https://tutsplus.com/">Tuts+</a> and Envato Studio.</p>
|
|
358
|
-
</section>
|
|
359
|
-
</section>
|
|
360
|
-
</section>
|
|
349
|
+
<section class="s-large-padding-vertical ch-black-background th-inverse">
|
|
350
|
+
<div class="container">
|
|
351
|
+
<h3 class="s-no-below th-size-large"><strong>We're here to help</strong></h3>
|
|
352
|
+
<p class="th-size-large s-no-below" am-grid-col="l:7">Need assistance getting started, or as your <br /> job progresses? Just let the team know.</p>
|
|
353
|
+
<a am-grid-col="l:pre2 l:3" href="#"><span class="footer-banner__envato-logo s-small-above svg__envato-logo--inverse" title="Envato"></span></a>
|
|
354
|
+
</div>
|
|
355
|
+
</section>
|
|
361
356
|
|
|
357
|
+
<footer id="footer" class="footer">
|
|
362
358
|
<div class="container">
|
|
363
359
|
<ul class="footer-list">
|
|
364
360
|
<li class="footer-list__label">About Studio</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.191
|
|
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: 2014-12-
|
|
12
|
+
date: 2014-12-18 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: sass
|
|
@@ -451,7 +451,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
|
451
451
|
version: '0'
|
|
452
452
|
segments:
|
|
453
453
|
- 0
|
|
454
|
-
hash:
|
|
454
|
+
hash: 1476884594694596468
|
|
455
455
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
456
456
|
none: false
|
|
457
457
|
requirements:
|
|
@@ -460,7 +460,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
460
460
|
version: '0'
|
|
461
461
|
segments:
|
|
462
462
|
- 0
|
|
463
|
-
hash:
|
|
463
|
+
hash: 1476884594694596468
|
|
464
464
|
requirements: []
|
|
465
465
|
rubyforge_project: smock
|
|
466
466
|
rubygems_version: 1.8.21
|