bookends 5.0.0 → 6.0.0.rc1

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: b0defd3889881696388e3da2be894c1b111b5a8248c379dd1ceffc088b1eafb8
4
- data.tar.gz: d9f1e51cdee2cf32c9ce27a1e8ee778e37ad72e14be1dd9b2e2d8fdf6f325c75
3
+ metadata.gz: 9a63197f6a24d3856bbc55dd058dadcf453ca2cac435c48d130ecf29556bf70c
4
+ data.tar.gz: e92ce8600ee9f1e0d3414ab1623d3bfd6c10187dcc2f6b38451b4580b54c63d7
5
5
  SHA512:
6
- metadata.gz: 8b3a22451da1c98ad4875b953873c3d6e14beaa06c35dd710756c094a318b0caca4a71859eaefbee56ef7e8517efc03c1ab7afe649e924b7cfd9c3af7e1ff0aa
7
- data.tar.gz: 49e88928732716373597870a7b4d59d355080a8f7f01690868a8bd8a5b8fd9dddd415d3763e8d1532241ca8181bf81d6574871b86f207e0e21fe4d7896043d1c
6
+ metadata.gz: f458c5b3e77073611a63d604e6b26431aa03c62f24bffc4bcaaf7db276faef2c858c80ea03b8a9571bf6546764dff5f693f2a1af6edcbbc08243d6fc7f716353
7
+ data.tar.gz: ba9fb8621ca587268e3d784001127726072b6798a5c0e46b95ab82b6ae5685a75da6ac3ddd5d04c2785e4960099a4e0f96a2b7da9307d8881277e78ada11e7de
@@ -0,0 +1,86 @@
1
+ #consent_blackbar {
2
+ #truste-consent-track {
3
+ background-color: $off-white !important;
4
+ box-shadow: 0 0 0 1px rgba(89,105,128,0.05),0 3px 20px 0 rgba(89,105,128,0.15),0 1px 2px 0 rgba(0,0,0,0.05);
5
+ position: relative;
6
+ z-index: 5;
7
+ }
8
+
9
+ #truste-consent-content {
10
+ display: flex;
11
+ align-items: center;
12
+ justify-content: flex-end;
13
+ min-height: 40px;
14
+ flex-direction: row-reverse;
15
+ }
16
+
17
+ .truste-text,
18
+ .truste-cookie-link,
19
+ .truste-cookie-link2 {
20
+ font-family: $font-main;
21
+ }
22
+
23
+ .truste-cookie-link,
24
+ .truste-cookie-link2 {
25
+ font-weight: $font-bold;
26
+ letter-spacing: 0.05em;
27
+ color: $blue;
28
+ padding-top: 0;
29
+ line-height: 1.4;
30
+ }
31
+
32
+ .truste-cookie-link2 {
33
+ padding: 8px 0 8px 20px;
34
+ }
35
+
36
+ .truste-textconsent {
37
+ line-height: 1.4;
38
+ margin-left: 20px;
39
+ flex: 1;
40
+ padding: 10px 0;
41
+ }
42
+
43
+ .truste-close {
44
+ padding: 8px 20px 8px 10px;
45
+ }
46
+
47
+ .truste-desktopbuttons {
48
+ padding: 0 !important;
49
+ }
50
+
51
+ @media (max-width: 768px) {
52
+ #truste-consent-content {
53
+ > div,
54
+ .truste-cookie-link2 {
55
+ align-self: flex-start;
56
+ }
57
+ .truste-cookie-link2 {
58
+ padding-top: 12px;
59
+ padding-bottom: 12px;
60
+ }
61
+ }
62
+ }
63
+
64
+ @media (max-width: 385px) {
65
+ > div,
66
+ .truste-cookie-link2 {
67
+ position: absolute;
68
+ }
69
+ > div {
70
+ top: 0;
71
+ right: 0;
72
+ }
73
+ .truste-cookie-link2 {
74
+ top: 0;
75
+ right: 50px;
76
+ }
77
+ .truste-textconsent {
78
+ padding-top: 40px;
79
+ }
80
+ }
81
+ }
82
+
83
+ #teconsent a {
84
+ text-decoration: underline;
85
+ color: #999;
86
+ }
@@ -3,10 +3,10 @@
3
3
  // ==========================================================================
4
4
 
5
5
  //- Primary font
6
- @include font-face(BentonSans, 'bentonsans-book', $font-light, $asset-pipeline: true, $file-formats: eot woff ttf svg);
7
- @include font-face(BentonSans, 'bentonsans-regular', $font-normal, $asset-pipeline: true, $file-formats: eot woff ttf svg);
8
- @include font-face(BentonSans, 'bentonsans-medium', $font-bold, $asset-pipeline: true, $file-formats: eot woff ttf svg);
6
+ @include font-face(BentonSans, 'bentonsans-book', 200, $asset-pipeline: true, $file-formats: eot woff ttf svg);
7
+ @include font-face(BentonSans, 'bentonsans-regular', normal, $asset-pipeline: true, $file-formats: eot woff ttf svg);
8
+ @include font-face(BentonSans, 'bentonsans-medium', bold, $asset-pipeline: true, $file-formats: eot woff ttf svg);
9
9
 
10
10
  //- Monospace font
11
- @include font-face(Inconsolata, 'inconsolata-regular', $font-normal, $asset-pipeline: true, $file-formats: eot woff ttf svg);
12
- @include font-face(Inconsolata, 'inconsolata-bold', $font-bold, $asset-pipeline: true, $file-formats: eot woff ttf svg);
11
+ @include font-face(Inconsolata, 'inconsolata-bold', bold, $asset-pipeline: true, $file-formats: eot woff ttf svg);
12
+ @include font-face(Inconsolata, 'inconsolata-regular', normal, $asset-pipeline: true, $file-formats: eot woff ttf svg);
@@ -93,7 +93,7 @@
93
93
  ul {
94
94
  list-style: none;
95
95
  padding-left: 0;
96
- font-weight: $font-light;
96
+ font-weight: 200;
97
97
  }
98
98
 
99
99
  h1,
@@ -108,14 +108,14 @@
108
108
  h3 {
109
109
  color: $color-purple;
110
110
  font-size: 14px;
111
- font-weight: $font-normal;
111
+ font-weight: 500;
112
112
  }
113
113
 
114
114
  h4 {
115
115
  margin: 1.33em 0;
116
116
  font-size: 12px;
117
117
  text-align: left;
118
- font-weight: $font-bold;
118
+ font-weight: bold;
119
119
  text-transform: uppercase;
120
120
  letter-spacing: .1em;
121
121
  color: $color-header;
@@ -202,7 +202,7 @@
202
202
 
203
203
  position: relative;
204
204
  width: 100%;
205
- padding-bottom: 15px;
205
+ padding-bottom: 10px;
206
206
  @include screen(min-width, $threshold-tablet) {
207
207
  border-bottom: 1px solid $color-border;
208
208
  }
@@ -240,7 +240,7 @@
240
240
  text-transform: uppercase;
241
241
  letter-spacing: .05em;
242
242
  padding: 0;
243
- font-weight: $font-bold;
243
+ font-weight: bold;
244
244
  text-align: center;
245
245
  color: #fff;
246
246
 
@@ -277,16 +277,6 @@
277
277
  }
278
278
  }
279
279
 
280
- .language-select {
281
- margin-top: 10px;
282
- > a {
283
- margin: 0 5px;
284
- @include screen(min-width, $threshold-tablet) {
285
- margin: 0 5px 0 0;
286
- }
287
- }
288
- }
289
-
290
280
  iframe {
291
281
  position: relative;
292
282
  width: 100%;
@@ -342,7 +332,7 @@
342
332
  text-transform: uppercase;
343
333
  letter-spacing: .05em;
344
334
  font-size: 10px;
345
- font-weight: $font-bold;
335
+ font-weight: bold;
346
336
 
347
337
  @include screen() {
348
338
  display: inline-block;
@@ -441,7 +431,7 @@
441
431
  margin-top: 0;
442
432
  min-width: 200px;
443
433
  font-size: 14px;
444
- font-weight: $font-normal;
434
+ font-weight: normal;
445
435
  display: none;
446
436
 
447
437
  @include screen(min-width, $threshold-tablet) {
@@ -477,7 +467,7 @@
477
467
 
478
468
  a {
479
469
  color: #444;
480
- font-weight: $font-normal;
470
+ font-weight: 400;
481
471
 
482
472
  &:hover {
483
473
  color: $color-purple;
@@ -54,7 +54,7 @@ $gs-asset-path: 'bookends/glostick_icons';
54
54
  transition: .4s cubic-bezier(.3, 0, 0, 1.3);
55
55
  background-clip: content-box;
56
56
  z-index: 9991;
57
- font-weight: $font-normal;
57
+ font-weight: normal;
58
58
  z-index: 2;
59
59
 
60
60
  @media (min-width: 1024px) {
@@ -79,10 +79,10 @@ input.gsc-input,
79
79
  .gssb_a td {
80
80
  line-height: normal !important;
81
81
  padding: 2px 5px !important;
82
- font-weight: $font-bold;
82
+ font-weight: bold;
83
83
 
84
84
  b {
85
- font-weight: $font-light;
85
+ font-weight: 200;
86
86
  color: fade-out(#222, .2);
87
87
  }
88
88
 
@@ -219,7 +219,7 @@ input.gsc-input,
219
219
  color: #999 !important;
220
220
  min-width: 75px !important;
221
221
  border-radius: 0 !important;
222
- font-weight: $font-light !important;
222
+ font-weight: 300 !important;
223
223
  @include box-sizing(border-box);
224
224
  &:hover, &:focus {
225
225
  background: transparent !important;
@@ -232,7 +232,7 @@ input.gsc-input,
232
232
  &.gsc-tabhActive {
233
233
  color: $purple !important;
234
234
  cursor: default;
235
- font-weight: $font-bold !important;
235
+ font-weight: bold !important;
236
236
  background: transparent !important;
237
237
  border-bottom: 2px solid $purple !important;
238
238
  }
@@ -375,7 +375,7 @@ input.gsc-input,
375
375
 
376
376
  .gs-promotion.gs-result a.gs-title:link,
377
377
  .gs-promotion.gs-result a.gs-title:visited {
378
- font-weight: $font-bold;
378
+ font-weight: bold;
379
379
  }
380
380
 
381
381
  //Pagination
@@ -52,7 +52,7 @@
52
52
 
53
53
  position: relative;
54
54
  font-size: 14px;
55
- font-weight: $font-bold;
55
+ font-weight: 600;
56
56
  -webkit-font-smoothing: antialiased;
57
57
  line-height: 1;
58
58
 
@@ -208,7 +208,7 @@
208
208
  font-size: $font-sm;
209
209
  min-width: 200px;
210
210
  font-size: 14px;
211
- font-weight: $font-normal;
211
+ font-weight: normal;
212
212
 
213
213
  &.wide {
214
214
  min-width: 220px;
@@ -251,7 +251,7 @@
251
251
 
252
252
  li a {
253
253
  color: #444;
254
- font-weight: $font-normal;
254
+ font-weight: 400;
255
255
 
256
256
  &:hover {
257
257
  color: $purple;
@@ -423,12 +423,12 @@
423
423
  font-size: $font-sm;
424
424
  line-height: 1.4;
425
425
  color: #333;
426
- font-weight: $font-normal;
426
+ font-weight: 500;
427
427
  margin: .7em 0;
428
428
 
429
429
  a {
430
430
  color: #333;
431
- font-weight: $font-bold;
431
+ font-weight: 600;
432
432
 
433
433
  &:hover {
434
434
  color: $purple;
@@ -470,7 +470,7 @@
470
470
  color: white;
471
471
  background: #96A3B6;
472
472
  border-radius: 18px;
473
- font-weight: $font-bold;
473
+ font-weight: bold;
474
474
  text-transform: uppercase;
475
475
  vertical-align: middle;
476
476
  margin-left: 5px;
@@ -645,7 +645,7 @@
645
645
 
646
646
  a {
647
647
  color: fade-out($white, .2);
648
- font-weight: $font-normal;
648
+ font-weight: 500;
649
649
 
650
650
  &:hover {
651
651
  color: $blue;
@@ -839,7 +839,7 @@
839
839
  color: fade-out($white, .5);
840
840
  font-size: 13px !important;
841
841
  line-height: 1.35;
842
- font-weight: $font-light;
842
+ font-weight: 300;
843
843
  @include transition(.15s ease-in-out);
844
844
  -webkit-font-smoothing: subpixel-antialiased;
845
845
 
@@ -989,7 +989,7 @@
989
989
  float: left;
990
990
  padding: .7em 0 0 .8em;
991
991
  font-size: 1.25em;
992
- font-weight: $font-normal;
992
+ font-weight: 400;
993
993
  }
994
994
 
995
995
  #hero {
@@ -131,7 +131,7 @@ $search-icon-size: 14px;
131
131
  border-bottom: 2px solid transparent;
132
132
  line-height: 1.2;
133
133
  font-size: 13px;
134
- font-weight: $font-light;
134
+ font-weight: 300;
135
135
  color: #999;
136
136
 
137
137
  &:hover, &:focus {
@@ -145,7 +145,7 @@ $search-icon-size: 14px;
145
145
  &.active {
146
146
  border-bottom-color: $purple;
147
147
  cursor: default;
148
- font-weight: $font-bold;
148
+ font-weight: bold;
149
149
  color: $purple;
150
150
  }
151
151
  }
@@ -190,7 +190,7 @@ $search-icon-size: 14px;
190
190
 
191
191
  .search-result-title {
192
192
  margin-bottom: 0;
193
- font-weight: $font-normal;
193
+ font-weight: normal;
194
194
 
195
195
  a:link,
196
196
  a:visited {
@@ -26,7 +26,7 @@
26
26
  }
27
27
 
28
28
  .aa-dropdown-menu .aa-suggestion em {
29
- font-weight: $font-bold;
29
+ font-weight: bold;
30
30
  font-style: normal;
31
31
  }
32
32
  }
@@ -35,9 +35,9 @@ $font-main: "BentonSans", "Helvetica Neue", sans-serif;
35
35
  $font-mono: "Inconsolata", monospace;
36
36
 
37
37
  //- Font Weights
38
- $font-light: 300;
39
- $font-normal: 400;
40
- $font-bold: 700;
38
+ $font-light: 100;
39
+ $font-normal: normal;
40
+ $font-bold: bold;
41
41
 
42
42
  //- Layout
43
43
  $grid-full: 100%;
@@ -14,3 +14,4 @@
14
14
  @import 'search';
15
15
  @import 'search-page';
16
16
  @import 'footer';
17
+ @import 'cookies';
@@ -32,7 +32,7 @@
32
32
  <li><a href="<%= Bookends::Config.host_www %>/customers">Our Customers</a></li>
33
33
  <li><a href="https://www.salesforce.com/company/careers/">Careers</a></li>
34
34
  <li><a href="<%= Bookends::Config.host_www %>/partnering">Partners</a></li>
35
- <li><a href="<%= Bookends::Config.host_www %>/elements">Elements Marketplace</a></li>
35
+ <li><a href="<%= Bookends::Config.host_www %>/elements">Elements</a></li>
36
36
  </ul>
37
37
  </nav>
38
38
  <nav class="col">
@@ -84,11 +84,6 @@
84
84
  <li><a class="heroku-footer-icon-github" href="https://github.com/heroku" target="_blank" title="Heroku's GitHub">GitHub</a></li>
85
85
  <li><a class="heroku-footer-icon-linkedin" href="https://www.linkedin.com/company/heroku" target="_blank" title="Heroku's LinkedIn">LinkedIn</a></li>
86
86
  </ul>
87
- <% if ENV['BOOKENDS_JP_LINK'] == 'true' %>
88
- <div class="language-select">
89
- <a href="https://jp.heroku.com/home">日本語</a>
90
- </div>
91
- <% end %>
92
87
  </div>
93
88
  </div>
94
89
  <div class="tertiary">
@@ -99,9 +94,14 @@
99
94
  <div class="col">
100
95
  <ul>
101
96
  <li><a href="<%= Bookends::Config.host_www %>/home">heroku.com</a></li>
102
- <li><a href="<%= Bookends::Config.host_www %>/policy/salesforce-heroku-msa">Terms of Service</a></li>
97
+ <li><a href="https://www.salesforce.com/company/legal/sfdc-website-terms-of-service.jsp">Terms of Service</a></li>
103
98
  <li><a href="https://www.salesforce.com/company/privacy/">Privacy</a></li>
99
+ <li><span id="teconsent"></span></li>
104
100
  <li><a href="https://www.salesforce.com/company/privacy/full_privacy.jsp#nav_info">Cookies</a></li>
101
+ <li>
102
+ <% # Placeholder a link to TrustArc's Cookie Consent Manager %>
103
+ <div id="teconsent"></div>
104
+ </li>
105
105
  <li class="copyright">
106
106
  &copy;
107
107
  <%= Date.current.year %>
@@ -112,3 +112,4 @@
112
112
  </div>
113
113
  </div>
114
114
  </footer>
115
+ <script async="async" src=//consent.trustarc.com/notice?domain=salesforce.com&c=teconsent&js=bb&noticeType=bb&text=true&pcookie crossorigin=""></script>
@@ -1,3 +1,9 @@
1
+ <% # Loads JS to render TrustArc's Cookie Consent Manager %>
2
+ <script async="async" src=//consent.trustarc.com/notice?domain=salesforce.com&c=teconsent&js=bb&noticeType=bb&text=true&pcookie crossorigin=""></script>
3
+
4
+ <% # Placeholder for TrustArc's Cookie Consent Manager %>
5
+ <div id="consent_blackbar"></div>
6
+
1
7
  <header id="header">
2
8
  <nav id="navigation" role="navigation">
3
9
  <span class="mobile-nav" aria-hidden="true">
@@ -48,7 +54,7 @@
48
54
  </ul>
49
55
  </li>
50
56
  <li class="has-dropdown">
51
- <a href="<%= Bookends::Config.host_elements %>">Marketplace</a>
57
+ <a href="<%= Bookends::Config.host_elements %>">Elements</a>
52
58
  <ul class="dropdown">
53
59
  <li><a class="bookends-icon addons" href="<%= Bookends::Config.host_elements %>/addons">Add-ons</a></li>
54
60
  <li><a class="bookends-icon buttons" href="<%= Bookends::Config.host_elements %>/buttons">Buttons</a></li>
@@ -129,7 +135,7 @@
129
135
  <a class="glostick__menu__item glostick__menu__item--dashboard" href="https://dashboard.heroku.com">Dashboard</a>
130
136
  <a class="glostick__menu__item glostick__menu__item--databases" href="https://postgres.heroku.com">Databases</a>
131
137
  <a class="glostick__menu__item glostick__menu__item--dataclips" href="https://dataclips.heroku.com">Dataclips</a>
132
- <a class="glostick__menu__item glostick__menu__item--elements" href="<%= Bookends::Config.host_elements %>">Marketplace</a>
138
+ <a class="glostick__menu__item glostick__menu__item--elements" href="<%= Bookends::Config.host_elements %>">Elements</a>
133
139
  <a class="glostick__menu__item glostick__menu__item--docs" href="<%= Bookends::Config.host_dev_center %>">Documentation</a>
134
140
  <a class="glostick__menu__item glostick__menu__item--support" href="https://help.heroku.com">Support</a>
135
141
  </div>
@@ -13,7 +13,7 @@
13
13
  <ul>
14
14
  <li><a href="#" class="js-index-selector search-tab" data-index="www_page_idx">WWW</a></li>
15
15
  <li><a href="#" class="js-index-selector search-tab" data-index="dev_center_article_idx">Dev Center</a></li>
16
- <li><a href="#" class="js-index-selector search-tab" data-index="elements_resource_idx">Marketplace</a></li>
16
+ <li><a href="#" class="js-index-selector search-tab" data-index="elements_resource_idx">Elements</a></li>
17
17
  <li><a href="#" class="js-index-selector search-tab" data-index="blog_post_idx">Blog</a></li>
18
18
  </ul>
19
19
  </nav>
@@ -1,3 +1,3 @@
1
1
  module Bookends
2
- VERSION = '5.0.0'.freeze
2
+ VERSION = '6.0.0.rc1'.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: 5.0.0
4
+ version: 6.0.0.rc1
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: 2018-04-24 00:00:00.000000000 Z
11
+ date: 2018-05-21 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: rails
@@ -279,6 +279,7 @@ files:
279
279
  - app/assets/javascripts/vendor/algoliasearch.js
280
280
  - app/assets/stylesheets/bookends/_base.scss
281
281
  - app/assets/stylesheets/bookends/_colors.scss
282
+ - app/assets/stylesheets/bookends/_cookies.scss
282
283
  - app/assets/stylesheets/bookends/_fonts.scss
283
284
  - app/assets/stylesheets/bookends/_footer.scss
284
285
  - app/assets/stylesheets/bookends/_glostick.scss
@@ -1129,9 +1130,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
1129
1130
  version: '0'
1130
1131
  required_rubygems_version: !ruby/object:Gem::Requirement
1131
1132
  requirements:
1132
- - - ">="
1133
+ - - ">"
1133
1134
  - !ruby/object:Gem::Version
1134
- version: '0'
1135
+ version: 1.3.1
1135
1136
  requirements: []
1136
1137
  rubyforge_project:
1137
1138
  rubygems_version: 2.7.6