forever_style_guide 3.2.5 → 3.2.6
Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 41dc0ef48342cff6269f8cbd21e7c273928a2d91
|
|
4
|
+
data.tar.gz: 3554baa037cfc710f3137e649f8a917c1f74007e
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: e523925d8e68ec6c34a394edb42a2114b232037105a53ede72aa257edf9e735b61f3fd956fd985942d3ca840f0ab72a7abafcb6d2e7bf4045e1a1d87d4ea44d3
|
|
7
|
+
data.tar.gz: ff78040a18ebcfc036736fd80cfa64067940c5533ff584640edbcdd788c62f483df8e1a1df42b9e3ad3c06f2314f5c9ca1b30454a6cfae4c051dc9aedc823b8b
|
|
@@ -161,3 +161,43 @@ $color-card-bg: color('white');
|
|
|
161
161
|
}
|
|
162
162
|
}
|
|
163
163
|
}
|
|
164
|
+
|
|
165
|
+
// add this class to any section to add a slant effect to the top of that element
|
|
166
|
+
// custom positioning required for resize of end spectrums -> xxl and sm screens
|
|
167
|
+
$slant-position-top: -40px;
|
|
168
|
+
$slant-position-top-sm: -15px;
|
|
169
|
+
$slant-position-top-xxl: -80px;
|
|
170
|
+
|
|
171
|
+
$slant-height: 95px;
|
|
172
|
+
$slant-height-sm: 65px;
|
|
173
|
+
$slant-height-xxl: 220px;
|
|
174
|
+
|
|
175
|
+
$slant-angle-left: -182deg;
|
|
176
|
+
$slant-angle-right: 182deg;
|
|
177
|
+
|
|
178
|
+
.slant::before {
|
|
179
|
+
content: "";
|
|
180
|
+
display: block;
|
|
181
|
+
position: relative;
|
|
182
|
+
top: $slant-position-top;
|
|
183
|
+
height: $slant-height;
|
|
184
|
+
background-color: inherit;
|
|
185
|
+
|
|
186
|
+
@media (min-width: $screen-xxl) {
|
|
187
|
+
top: $slant-position-top-xxl;
|
|
188
|
+
height: $slant-height-xxl;
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
@media (max-width: $screen-sm) {
|
|
192
|
+
top: $slant-position-top-sm;
|
|
193
|
+
height: $slant-height-sm;
|
|
194
|
+
}
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
.slant-left::before {
|
|
198
|
+
@include transform(skewY($slant-angle-left));
|
|
199
|
+
}
|
|
200
|
+
|
|
201
|
+
.slant-right::before {
|
|
202
|
+
@include transform(skewY($slant-angle-right));
|
|
203
|
+
}
|
|
@@ -1,20 +1,23 @@
|
|
|
1
1
|
<footer class="footer color_block-gray-700">
|
|
2
2
|
<div class="container-fluid color_block-services-dark">
|
|
3
|
-
<h4 class="color-white text-center footer-header">Collect, curate, and celebrate your memories now and for generations
|
|
3
|
+
<h4 class="color-white text-center footer-header">Collect, curate, and celebrate your memories now and for generations™</h4>
|
|
4
4
|
</div>
|
|
5
5
|
|
|
6
6
|
<div class="container footer-main_block">
|
|
7
7
|
<div class="row">
|
|
8
8
|
|
|
9
9
|
<div class="col-md-6 col-md-push-3 col-xs-12">
|
|
10
|
-
<h4 class="color-gray-300 footer-title">
|
|
10
|
+
<h4 class="color-gray-300 footer-title">FOREVER™ Products</h4>
|
|
11
11
|
<hr class="footer-divider" />
|
|
12
12
|
<div class="row">
|
|
13
13
|
<div class="col-xs-6">
|
|
14
14
|
<ul class="list-unstyled">
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
<li><%= link_to
|
|
15
|
+
|
|
16
|
+
<!-- TODO use trademark helper when it appropriately handles upcasing -->
|
|
17
|
+
<li><%= link_to "FOREVER Storage®", storage_url, class: "footer-link", title: "Guaranteed Permanent Storage for Photos & Documents" %></li>
|
|
18
|
+
<li><%= link_to "FOREVER Artisan®", artisan_url, class: "footer-link", title: "Forever Artisan 5 Digital Scrapbooking Software" %></li>
|
|
19
|
+
<li><%= link_to "FOREVER Historian™", historian_url, class: "footer-link", title: "Photo Management Software for Windows" %></li>
|
|
20
|
+
|
|
18
21
|
</ul>
|
|
19
22
|
</div>
|
|
20
23
|
<div class="col-xs-6">
|
|
@@ -35,7 +38,7 @@
|
|
|
35
38
|
<h4 class="color-gray-300 footer-title">Support</h4>
|
|
36
39
|
<hr class="footer-divider" />
|
|
37
40
|
<ul class="list-unstyled">
|
|
38
|
-
<li><%= link_to "Visit
|
|
41
|
+
<li><%= link_to "Visit FOREVER Help Center", help_center_url, class: "footer-link", title: "Visit the FOREVER Help Center", target: '_blank' %></li>
|
|
39
42
|
<li><%= mail_to "support@forever.com", "support@forever.com", class: "footer-link", title: "Email us at support@forever.com" %></li>
|
|
40
43
|
<li><%= link_to "1-888-FOREVER (1-888-367-3837)", "tel:1-888-367-3837", class: "footer-link", title: "Call us at 1-888-367-3837" %></li>
|
|
41
44
|
</ul>
|
|
@@ -45,30 +48,30 @@
|
|
|
45
48
|
<h4 class="color-gray-300 footer-title">Stay Connected</h4>
|
|
46
49
|
<hr class="footer-divider" />
|
|
47
50
|
<div class="footer-social_icons">
|
|
48
|
-
<%= link_to (fa_stacked_icon "facebook feature_bullet-icon", base: "circle", class: "fa-feature_bullet color-gray-600"), facebook_url, title: "Follow
|
|
49
|
-
<%= link_to (fa_stacked_icon "twitter feature_bullet-icon", base: "circle", class: "fa-feature_bullet color-gray-600"), twitter_url, title: "Follow
|
|
50
|
-
<%= link_to (fa_stacked_icon "instagram feature_bullet-icon", base: "circle", class: "fa-feature_bullet color-gray-600"), instagram_url, title: "Follow
|
|
51
|
-
<%= link_to (fa_stacked_icon "youtube feature_bullet-icon", base: "circle", class: "fa-feature_bullet color-gray-600"), youtube_url, title: "Follow
|
|
52
|
-
<%= link_to (fa_stacked_icon "pinterest feature_bullet-icon", base: "circle", class: "fa-feature_bullet color-gray-600"), pinterest_url, title: "Follow
|
|
51
|
+
<%= link_to (fa_stacked_icon "facebook feature_bullet-icon", base: "circle", class: "fa-feature_bullet color-gray-600"), facebook_url, title: "Follow FOREVER on Facebook", target: '_blank' %>
|
|
52
|
+
<%= link_to (fa_stacked_icon "twitter feature_bullet-icon", base: "circle", class: "fa-feature_bullet color-gray-600"), twitter_url, title: "Follow FOREVER on Twitter", target: '_blank' %>
|
|
53
|
+
<%= link_to (fa_stacked_icon "instagram feature_bullet-icon", base: "circle", class: "fa-feature_bullet color-gray-600"), instagram_url, title: "Follow FOREVER on Instagram", target: '_blank' %>
|
|
54
|
+
<%= link_to (fa_stacked_icon "youtube feature_bullet-icon", base: "circle", class: "fa-feature_bullet color-gray-600"), youtube_url, title: "Follow FOREVER on YouTube", target: '_blank' %>
|
|
55
|
+
<%= link_to (fa_stacked_icon "pinterest feature_bullet-icon", base: "circle", class: "fa-feature_bullet color-gray-600"), pinterest_url, title: "Follow FOREVER on Pinterest", target: '_blank' %>
|
|
53
56
|
</div>
|
|
54
57
|
</div>
|
|
55
58
|
</div>
|
|
56
59
|
|
|
57
60
|
<div class="row l-section-close">
|
|
58
61
|
<div class="col-xs-12 col-sm-6 col-md-4">
|
|
59
|
-
<p class="footer-link footer-link-dark footer-copyright">© <%= Time.now.year %>
|
|
62
|
+
<p class="footer-link footer-link-dark footer-copyright">© <%= Time.now.year %> FOREVER, Inc</p>
|
|
60
63
|
</div>
|
|
61
64
|
|
|
62
65
|
<div class="col-xs-12 col-sm-6 col-md-4 col-md-push-4">
|
|
63
66
|
<p class="small color-gray-400 footer-policy_links">
|
|
64
|
-
<%= link_to "Careers", careers_url, title: "Join the
|
|
65
|
-
<%= link_to "Privacy Policy", privacy_url, class: "footer-link footer-link-dark", title: "
|
|
66
|
-
<%= link_to "Terms of Service", tos_url, class: "footer-link footer-link-dark", title: "
|
|
67
|
+
<%= link_to "Careers", careers_url, title: "Join the FOREVER Team", class: "footer-link footer-link-dark", target: '_blank' %> |
|
|
68
|
+
<%= link_to "Privacy Policy", privacy_url, class: "footer-link footer-link-dark", title: "FOREVER Privacy Policy" %> |
|
|
69
|
+
<%= link_to "Terms of Service", tos_url, class: "footer-link footer-link-dark", title: "FOREVER Terms of Service" %>
|
|
67
70
|
</p>
|
|
68
71
|
</div>
|
|
69
72
|
|
|
70
73
|
<div class="col-xs-12 col-md-4 col-md-pull-4">
|
|
71
|
-
<small class="color-gray-500 footer-location">
|
|
74
|
+
<small class="color-gray-500 footer-location">One PPG Place 20th Floor • Pittsburgh, PA 15222 USA</small>
|
|
72
75
|
</div>
|
|
73
76
|
</div>
|
|
74
77
|
</div>
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: forever_style_guide
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 3.2.
|
|
4
|
+
version: 3.2.6
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Nicholas McClay
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2017-
|
|
11
|
+
date: 2017-08-16 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: rails
|
|
@@ -315,8 +315,9 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
315
315
|
version: '0'
|
|
316
316
|
requirements: []
|
|
317
317
|
rubyforge_project:
|
|
318
|
-
rubygems_version: 2.6
|
|
318
|
+
rubygems_version: 2.4.6
|
|
319
319
|
signing_key:
|
|
320
320
|
specification_version: 4
|
|
321
321
|
summary: A live style guide and component API for the Forever brand
|
|
322
322
|
test_files: []
|
|
323
|
+
has_rdoc:
|