bookends 10.0.0 → 10.0.1

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
  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