smock 0.1.190 → 0.1.191
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/_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
|