bookends 10.0.0 → 10.0.1

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
  SHA256:
3
- metadata.gz: 53a643e5592556fbb92ebb87655e4270af6aeb3b94f05aa3bfdbd34de97798ae
4
- data.tar.gz: adc148875623ed685483b3b584c0becb6cda8e08e1983a230a63ec795d5da31f
3
+ metadata.gz: 98fc82d6d33efc8ea193a256b22b0b0f4c11c2cb1b8315fba2090830e36413f3
4
+ data.tar.gz: b4d679c1602463975becc849ca12cebfa28982a548dfb416ba04098b745375ba
5
5
  SHA512:
6
- metadata.gz: d1c6404e91c2a4899c0f6a48c15e6cd93d1b36fce12807fd09126e6612361805fe920bb3ea88612c03320807211dd0068cd5be37da2067c26f9a895d346667fb
7
- data.tar.gz: 828408987cd7846c817e5105c535b5db1cca63e72cd3387f6751707d14aba7183937813bad6b92f1c852adbcea834c32ecf253b027de36142ccca33615ca16dc
6
+ metadata.gz: 93cafd71480b9b845aae9d9adf6c9a74ad3d8e022d9ba29d6fecb70208ed0f5c95c60d78c40661821284a69fe61a31fb87e810f450b729fc191e274815b85b5e
7
+ data.tar.gz: 04e014a85c70270e26e76b0b984e930fdf345ca1a1e20538be80a01cef168b3621e538ac7a2418e2948c7bff2e2cb98c0f7925c1ccbbe8a14e61dc1ab9e468ee
@@ -200,6 +200,7 @@
200
200
 
201
201
  #bookends-newsletter {
202
202
  $input-height: 40px;
203
+ text-align: left;
203
204
 
204
205
  position: relative;
205
206
  width: 100%;
@@ -229,7 +230,7 @@
229
230
  input[type="submit"] {
230
231
  -webkit-appearance: none;
231
232
  position: absolute;
232
- top: 0;
233
+ bottom: 15px;
233
234
  right: 0;
234
235
  margin: 5px;
235
236
  width: $input-height;
@@ -76,7 +76,7 @@
76
76
 
77
77
  a {
78
78
  text-decoration: none;
79
- &:hover {
79
+ &:hover, &:focus-within {
80
80
  text-decoration: none;
81
81
  }
82
82
  }
@@ -87,7 +87,7 @@
87
87
  text-decoration: none;
88
88
  color: fade-out($color-link, .4);
89
89
 
90
- &:hover {
90
+ &:hover, &:focus-within {
91
91
  color: $white;
92
92
  }
93
93
 
@@ -97,7 +97,7 @@
97
97
  color: $white;
98
98
  padding: 6px 12px;
99
99
 
100
- &:hover {
100
+ &:hover, &:focus-within {
101
101
  background: rgba(0, 0, 0, 0.3);
102
102
  }
103
103
  }
@@ -132,7 +132,7 @@
132
132
  }
133
133
 
134
134
  // Anchor color on hover
135
- &:hover {
135
+ &:hover, &:focus-within {
136
136
 
137
137
  > a {
138
138
  color: $white;
@@ -149,7 +149,7 @@
149
149
  .has-dropdown {
150
150
 
151
151
  // Show dropdown on hover
152
- &:hover {
152
+ &:hover, &:focus-within {
153
153
 
154
154
  > .dropdown {
155
155
  visibility: visible;
@@ -187,7 +187,7 @@
187
187
  }
188
188
  }
189
189
 
190
- &:hover {
190
+ &:hover, &:focus-within {
191
191
 
192
192
  > .dropdown {
193
193
  margin-top: 0;
@@ -248,7 +248,7 @@
248
248
  color: #444;
249
249
  font-weight: $font-normal;
250
250
 
251
- &:hover {
251
+ &:hover, &:focus-within {
252
252
  color: $purple;
253
253
  }
254
254
 
@@ -429,7 +429,7 @@
429
429
  color: #333;
430
430
  font-weight: $font-bold;
431
431
 
432
- &:hover {
432
+ &:hover, &:focus-within {
433
433
  color: $purple;
434
434
  }
435
435
  }
@@ -534,7 +534,7 @@
534
534
  color: rgb(199, 192, 222);
535
535
  outline: none;
536
536
 
537
- &:hover {
537
+ &:hover, &:focus-within {
538
538
  color: #FFF;
539
539
  }
540
540
  }
@@ -650,7 +650,7 @@
650
650
  color: fade-out($white, .2);
651
651
  font-weight: $font-normal;
652
652
 
653
- &:hover {
653
+ &:hover, &:focus-within {
654
654
  color: $blue;
655
655
  }
656
656
  }
@@ -733,7 +733,7 @@
733
733
  > a {
734
734
  color: fade-out($white, .1);
735
735
 
736
- &:hover {
736
+ &:hover, &:focus-within {
737
737
  color: $white;
738
738
  }
739
739
 
@@ -864,11 +864,11 @@
864
864
  width: 100% !important;
865
865
  }
866
866
 
867
- &:hover {
867
+ &:hover, &:focus-within {
868
868
  box-shadow: 0;
869
869
  }
870
870
 
871
- &:focus {
871
+ &:focus-within {
872
872
  background: fade-out($white, .1) !important;
873
873
  color: #222;
874
874
 
@@ -916,7 +916,7 @@
916
916
  border-radius: $border-radius;
917
917
  box-sizing: border-box;
918
918
 
919
- &:focus {
919
+ &:focus-within {
920
920
  outline: 0;
921
921
  }
922
922
  }
@@ -0,0 +1,15 @@
1
+ // ==========================================================================
2
+ // Helper classes
3
+ // ==========================================================================
4
+
5
+ // For accessibility elements that need to be hidden
6
+ .visuallyhidden {
7
+ border: 0;
8
+ clip: rect(0 0 0 0);
9
+ height: 1px;
10
+ margin: -1px;
11
+ overflow: hidden;
12
+ padding: 0;
13
+ position: absolute;
14
+ width: 1px;
15
+ }
@@ -13,3 +13,4 @@
13
13
  @import 'search-page';
14
14
  @import 'footer';
15
15
  @import 'cookie-banner';
16
+ @import 'helpers';
@@ -56,41 +56,42 @@
56
56
  <form id="bookends-newsletter" accept-charset="UTF-8" action="<%= Bookends::Config.host_www %>/newsletter_signups" method="post">
57
57
  <input name="utf8" type="hidden" value="✓">
58
58
  <input type="text" name="website" id="bookends-website" placeholder="do not fill this in" tabindex="-1">
59
- <input type="email" name="newsletter_signup[email]" id="newsletter_signup_email" placeholder="Your email address" required="required">
59
+ <label for="newsletter_signup[email]">Your email address:</label>
60
+ <input type="email" name="newsletter_signup[email]" id="newsletter_signup_email" required="required" aria-required="true">
60
61
  <input type="submit" name="commit" value="Go">
61
62
  <p id="bookends-newsletter-result" class="hide"></p>
62
63
  </form>
63
64
  <ul class="social-list">
64
65
  <li class="has-dropdown">
65
- <a class="heroku-footer-icon-rss" href="<%= Bookends::Config.host_blog %>/feed" target="_blank"> RSS</a>
66
+ <a class="heroku-footer-icon-rss" href="<%= Bookends::Config.host_blog %>/feed" target="_blank" aria-label="Opens in new window"> RSS</a>
66
67
  <div class="dropdown">
67
68
  <ul>
68
- <li><a href="<%= Bookends::Config.host_blog %>/feed" target="_blank"><span class="heroku-footer-icon-rss"></span>Heroku Blog</a></li>
69
- <li><a href="<%= Bookends::Config.host_blog %>/news/feed" target="_blank"><span class="heroku-footer-icon-rss"></span>Heroku News Blog</a></li>
70
- <li><a href="<%= Bookends::Config.host_blog %>/engineering/feed" target="_blank"><span class="heroku-footer-icon-rss"></span>Heroku Engineering Blog</a></li>
71
- <li><a href="http://feeds.feedburner.com/herokudevcenterarticles" target="_blank"><span class="heroku-footer-icon-rss"></span>Dev Center Articles</a></li>
72
- <li><a href="http://feeds.feedburner.com/herokuchangelog" target="_blank"><span class="heroku-footer-icon-rss"></span>Dev Center Changelog</a></li>
73
- <li><a href="http://feeds.feedburner.com/herokustatus" target="_blank"><span class="heroku-footer-icon-rss"></span>Heroku Status</a></li>
69
+ <li><a href="<%= Bookends::Config.host_blog %>/feed" target="_blank" aria-label="Opens in new window"><span class="heroku-footer-icon-rss"></span>Heroku Blog</a></li>
70
+ <li><a href="<%= Bookends::Config.host_blog %>/news/feed" target="_blank" aria-label="Opens in new window"><span class="heroku-footer-icon-rss"></span>Heroku News Blog</a></li>
71
+ <li><a href="<%= Bookends::Config.host_blog %>/engineering/feed" target="_blank" aria-label="Opens in new window"><span class="heroku-footer-icon-rss"></span>Heroku Engineering Blog</a></li>
72
+ <li><a href="http://feeds.feedburner.com/herokudevcenterarticles" target="_blank" aria-label="Opens in new window"><span class="heroku-footer-icon-rss"></span>Dev Center Articles</a></li>
73
+ <li><a href="http://feeds.feedburner.com/herokuchangelog" target="_blank" aria-label="Opens in new window"><span class="heroku-footer-icon-rss"></span>Dev Center Changelog</a></li>
74
+ <li><a href="http://feeds.feedburner.com/herokustatus" target="_blank" aria-label="Opens in new window"><span class="heroku-footer-icon-rss"></span>Heroku Status</a></li>
74
75
  </ul>
75
76
  </div>
76
77
  </li>
77
- <li><a class="heroku-footer-icon-podcasts" href="<%= Bookends::Config.host_www %>/podcasts" target="_blank" title="Heroku Podcasts">Podcasts</a></li>
78
+ <li><a class="heroku-footer-icon-podcasts" href="<%= Bookends::Config.host_www %>/podcasts" target="_blank" aria-label="Opens in new window" title="Heroku Podcasts">Podcasts</a></li>
78
79
  <li class="has-dropdown">
79
- <a class="heroku-footer-icon-twitter" href="https://twitter.com/heroku" target="_blank"> Twitter</a>
80
+ <a class="heroku-footer-icon-twitter" href="https://twitter.com/heroku" target="_blank" aria-label="Opens in new window"> Twitter</a>
80
81
  <div class="dropdown">
81
82
  <ul>
82
- <li><a href="https://twitter.com/heroku" target="_blank"><span class="heroku-footer-icon-twitter"></span>Heroku</a></li>
83
- <li><a href="https://twitter.com/herokudevcenter" target="_blank"><span class="heroku-footer-icon-twitter"></span>Dev Center Articles</a></li>
84
- <li><a href="https://twitter.com/herokuchangelog" target="_blank"><span class="heroku-footer-icon-twitter"></span>Dev Center Changelog</a></li>
85
- <li><a href="https://twitter.com/herokustatus" target="_blank"><span class="heroku-footer-icon-twitter"></span>Heroku Status</a></li>
83
+ <li><a href="https://twitter.com/heroku" target="_blank" aria-label="Opens in new window"><span class="heroku-footer-icon-twitter"></span>Heroku</a></li>
84
+ <li><a href="https://twitter.com/herokudevcenter" target="_blank" aria-label="Opens in new window"><span class="heroku-footer-icon-twitter"></span>Dev Center Articles</a></li>
85
+ <li><a href="https://twitter.com/herokuchangelog" target="_blank" aria-label="Opens in new window"><span class="heroku-footer-icon-twitter"></span>Dev Center Changelog</a></li>
86
+ <li><a href="https://twitter.com/herokustatus" target="_blank" aria-label="Opens in new window"><span class="heroku-footer-icon-twitter"></span>Heroku Status</a></li>
86
87
  </ul>
87
88
  </div>
88
89
  </li>
89
- <li><a class="heroku-footer-icon-facebook" href="https://facebook.com/heroku" target="_blank" title="Heroku's Facebook">Facebook</a></li>
90
- <li><a class="heroku-footer-icon-instagram" href="https://instagram.com/heroku" target="_blank" title="Heroku's Instagram">Instagram</a></li>
91
- <li><a class="heroku-footer-icon-github" href="https://github.com/heroku" target="_blank" title="Heroku's GitHub">GitHub</a></li>
92
- <li><a class="heroku-footer-icon-linkedin" href="https://www.linkedin.com/company/heroku" target="_blank" title="Heroku's LinkedIn">LinkedIn</a></li>
93
- <li><a class="heroku-footer-icon-youtube" href="https://www.youtube.com/c/HerokuOfficial" target="_blank" title="Heroku's YouTube">YouTube</a></li>
90
+ <li><a class="heroku-footer-icon-facebook" href="https://facebook.com/heroku" target="_blank" aria-label="Opens in new window" title="Heroku's Facebook">Facebook</a></li>
91
+ <li><a class="heroku-footer-icon-instagram" href="https://instagram.com/heroku" target="_blank" aria-label="Opens in new window" title="Heroku's Instagram">Instagram</a></li>
92
+ <li><a class="heroku-footer-icon-github" href="https://github.com/heroku" target="_blank" aria-label="Opens in new window" title="Heroku's GitHub">GitHub</a></li>
93
+ <li><a class="heroku-footer-icon-linkedin" href="https://www.linkedin.com/company/heroku" target="_blank" aria-label="Opens in new window" title="Heroku's LinkedIn">LinkedIn</a></li>
94
+ <li><a class="heroku-footer-icon-youtube" href="https://www.youtube.com/c/HerokuOfficial" target="_blank" aria-label="Opens in new window" title="Heroku's YouTube">YouTube</a></li>
94
95
  </ul>
95
96
  <% if ENV['BOOKENDS_JP_LINK'] == 'true' %>
96
97
  <div class="language-select">
@@ -1,5 +1,7 @@
1
1
  <div id="heroku-cookie-banner"></div>
2
2
 
3
+ <a class="visuallyhidden" href="#skip-link">Skip Navigation</a>
4
+
3
5
  <header id="header" data-uuid="<%= glostick_user_id %>">
4
6
  <nav id="navigation" role="navigation">
5
7
  <span class="mobile-nav" aria-hidden="true">
@@ -126,6 +128,7 @@
126
128
  <li>
127
129
  <form action="<%= relative_search_path %>" class="site-search" id="site-search" method="get">
128
130
  <div class="search-input gsc-input">
131
+ <label for="search" class="visuallyhidden">Search: </label>
129
132
  <%= header_search_input %>
130
133
  <%= tag 'button', type: 'submit', value: 'Submit search', class: 'search-submit' %>
131
134
  </div>
@@ -194,3 +197,5 @@
194
197
  </section>
195
198
  <% end %>
196
199
  </header>
200
+
201
+ <span id="skip-link"></span>
@@ -1,3 +1,3 @@
1
1
  module Bookends
2
- VERSION = '10.0.0'.freeze
2
+ VERSION = '10.0.1'.freeze
3
3
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: bookends
3
3
  version: !ruby/object:Gem::Version
4
- version: 10.0.0
4
+ version: 10.0.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Marketing Web Ops at heroku
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2020-03-26 00:00:00.000000000 Z
11
+ date: 2020-03-27 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: rails
@@ -243,6 +243,7 @@ files:
243
243
  - app/assets/stylesheets/bookends/_google-cse.scss
244
244
  - app/assets/stylesheets/bookends/_grid-settings.scss
245
245
  - app/assets/stylesheets/bookends/_header.scss
246
+ - app/assets/stylesheets/bookends/_helpers.scss
246
247
  - app/assets/stylesheets/bookends/_mixins.scss
247
248
  - app/assets/stylesheets/bookends/_responsive.scss
248
249
  - app/assets/stylesheets/bookends/_search-page.scss