forever_style_guide 3.2.5 → 3.2.6
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.
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:
|