mitlibraries-theme 0.3.2 → 0.4.0.pre4

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: 9d854bc8035b157fa401415ebfb21b89db4969e80898af1214ef8df27aeef1db
4
- data.tar.gz: caf249b190de4f5f9831fecaba75cee098760dcd334eb32979e673c1d141379e
3
+ metadata.gz: fa6f2359f8b4341b9d032722bdd7ac2734a3c4f4d45fb42ac7609bec32fb2346
4
+ data.tar.gz: 8f91dc5354efa4203b777e5fb1923372e62ea8d9ae367f3b6f0acb67d9069717
5
5
  SHA512:
6
- metadata.gz: f45618127822489a80912760ae58b5bfa2932c4661e0a32a7c53606938f2757a03f4666d1c0483b713d3d63323eb81baed02a83421d22f7309b6705e3d733314
7
- data.tar.gz: c5ad9362150f30b578d55907ccf42702a810c876bcf826a6276472cf03627928416ca8d68e320970800f3b88c1d12e13cd0e498ce4eda43d7a83f604c5fd89e7
6
+ metadata.gz: a07c711e6622c7ef49d741ef1b7b673a135835ba05cfe6e5641b16952f34adcd0237c1f29e56b24af642491bf841d9cfc79dcb07e96fbf791e15d876799f4672
7
+ data.tar.gz: 2d018c64d734dcb609a35b484bc1448116f124c662108b79bbd31e0fa213b364a8ef1c5d5104aed4a1cb9f4e3b5681c46d1a0977262590084162475e35e4f165
@@ -0,0 +1,146 @@
1
+ PATH
2
+ remote: .
3
+ specs:
4
+ mitlibraries-theme (0.4.0)
5
+ rails (~> 5)
6
+ sass (~> 3.4)
7
+ sass-rails (~> 5)
8
+
9
+ GEM
10
+ remote: https://rubygems.org/
11
+ specs:
12
+ actioncable (5.2.4.4)
13
+ actionpack (= 5.2.4.4)
14
+ nio4r (~> 2.0)
15
+ websocket-driver (>= 0.6.1)
16
+ actionmailer (5.2.4.4)
17
+ actionpack (= 5.2.4.4)
18
+ actionview (= 5.2.4.4)
19
+ activejob (= 5.2.4.4)
20
+ mail (~> 2.5, >= 2.5.4)
21
+ rails-dom-testing (~> 2.0)
22
+ actionpack (5.2.4.4)
23
+ actionview (= 5.2.4.4)
24
+ activesupport (= 5.2.4.4)
25
+ rack (~> 2.0, >= 2.0.8)
26
+ rack-test (>= 0.6.3)
27
+ rails-dom-testing (~> 2.0)
28
+ rails-html-sanitizer (~> 1.0, >= 1.0.2)
29
+ actionview (5.2.4.4)
30
+ activesupport (= 5.2.4.4)
31
+ builder (~> 3.1)
32
+ erubi (~> 1.4)
33
+ rails-dom-testing (~> 2.0)
34
+ rails-html-sanitizer (~> 1.0, >= 1.0.3)
35
+ activejob (5.2.4.4)
36
+ activesupport (= 5.2.4.4)
37
+ globalid (>= 0.3.6)
38
+ activemodel (5.2.4.4)
39
+ activesupport (= 5.2.4.4)
40
+ activerecord (5.2.4.4)
41
+ activemodel (= 5.2.4.4)
42
+ activesupport (= 5.2.4.4)
43
+ arel (>= 9.0)
44
+ activestorage (5.2.4.4)
45
+ actionpack (= 5.2.4.4)
46
+ activerecord (= 5.2.4.4)
47
+ marcel (~> 0.3.1)
48
+ activesupport (5.2.4.4)
49
+ concurrent-ruby (~> 1.0, >= 1.0.2)
50
+ i18n (>= 0.7, < 2)
51
+ minitest (~> 5.1)
52
+ tzinfo (~> 1.1)
53
+ arel (9.0.0)
54
+ builder (3.2.4)
55
+ concurrent-ruby (1.1.7)
56
+ crass (1.0.6)
57
+ erubi (1.9.0)
58
+ ffi (1.13.1)
59
+ globalid (0.4.2)
60
+ activesupport (>= 4.2.0)
61
+ i18n (1.8.5)
62
+ concurrent-ruby (~> 1.0)
63
+ loofah (2.7.0)
64
+ crass (~> 1.0.2)
65
+ nokogiri (>= 1.5.9)
66
+ mail (2.7.1)
67
+ mini_mime (>= 0.1.1)
68
+ marcel (0.3.3)
69
+ mimemagic (~> 0.3.2)
70
+ method_source (1.0.0)
71
+ mimemagic (0.3.5)
72
+ mini_mime (1.0.2)
73
+ mini_portile2 (2.4.0)
74
+ minitest (5.14.2)
75
+ nio4r (2.5.4)
76
+ nokogiri (1.10.10)
77
+ mini_portile2 (~> 2.4.0)
78
+ rack (2.2.3)
79
+ rack-test (1.1.0)
80
+ rack (>= 1.0, < 3)
81
+ rails (5.2.4.4)
82
+ actioncable (= 5.2.4.4)
83
+ actionmailer (= 5.2.4.4)
84
+ actionpack (= 5.2.4.4)
85
+ actionview (= 5.2.4.4)
86
+ activejob (= 5.2.4.4)
87
+ activemodel (= 5.2.4.4)
88
+ activerecord (= 5.2.4.4)
89
+ activestorage (= 5.2.4.4)
90
+ activesupport (= 5.2.4.4)
91
+ bundler (>= 1.3.0)
92
+ railties (= 5.2.4.4)
93
+ sprockets-rails (>= 2.0.0)
94
+ rails-dom-testing (2.0.3)
95
+ activesupport (>= 4.2.0)
96
+ nokogiri (>= 1.6)
97
+ rails-html-sanitizer (1.3.0)
98
+ loofah (~> 2.3)
99
+ railties (5.2.4.4)
100
+ actionpack (= 5.2.4.4)
101
+ activesupport (= 5.2.4.4)
102
+ method_source
103
+ rake (>= 0.8.7)
104
+ thor (>= 0.19.0, < 2.0)
105
+ rake (13.0.1)
106
+ rb-fsevent (0.10.4)
107
+ rb-inotify (0.10.1)
108
+ ffi (~> 1.0)
109
+ sass (3.7.4)
110
+ sass-listen (~> 4.0.0)
111
+ sass-listen (4.0.0)
112
+ rb-fsevent (~> 0.9, >= 0.9.4)
113
+ rb-inotify (~> 0.9, >= 0.9.7)
114
+ sass-rails (5.1.0)
115
+ railties (>= 5.2.0)
116
+ sass (~> 3.1)
117
+ sprockets (>= 2.8, < 4.0)
118
+ sprockets-rails (>= 2.0, < 4.0)
119
+ tilt (>= 1.1, < 3)
120
+ sprockets (3.7.2)
121
+ concurrent-ruby (~> 1.0)
122
+ rack (> 1, < 3)
123
+ sprockets-rails (3.2.2)
124
+ actionpack (>= 4.0)
125
+ activesupport (>= 4.0)
126
+ sprockets (>= 3.0.0)
127
+ thor (1.0.1)
128
+ thread_safe (0.3.6)
129
+ tilt (2.0.10)
130
+ tzinfo (1.2.7)
131
+ thread_safe (~> 0.1)
132
+ websocket-driver (0.7.3)
133
+ websocket-extensions (>= 0.1.0)
134
+ websocket-extensions (0.1.5)
135
+
136
+ PLATFORMS
137
+ ruby
138
+
139
+ DEPENDENCIES
140
+ bundler (~> 2)
141
+ minitest (~> 5.0)
142
+ mitlibraries-theme!
143
+ rake (>= 12.3.3)
144
+
145
+ BUNDLED WITH
146
+ 2.1.4
@@ -25,26 +25,20 @@
25
25
 
26
26
  <%= yield :additional_js %>
27
27
 
28
- <% if (ENV['GOOGLE_ANALYTICS']) %>
28
+ <% if (ENV['MATOMO_URL'].present? && ENV['MATOMO_SITE_ID'].present?) %>
29
+ <!-- Matomo -->
29
30
  <script type="text/javascript">
30
- // Google Analytics
31
-
32
- (function(i,s,o,g,r,a,m){
33
- i['GoogleAnalyticsObject']=r;
34
- i[r]=i[r]||function(){
35
- (i[r].q=i[r].q||[]).push(arguments)
36
- };
37
- i[r].l=1*new Date();
38
- a=s.createElement(o);
39
- m=s.getElementsByTagName(o)[0];
40
- a.async=1;
41
- a.src=g;
42
- m.parentNode.insertBefore(a,m);
43
-
44
- }(window,document,'script','https://www.google-analytics.com/analytics.js','ga'));
45
-
46
- ga('create', '<%= ENV['GOOGLE_ANALYTICS'] %>', 'auto');
47
- ga('send', 'pageview');
48
-
31
+ var _paq = window._paq || [];
32
+ /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
33
+ _paq.push(['trackPageView']);
34
+ _paq.push(['enableLinkTracking']);
35
+ (function() {
36
+ var u='<%= ENV['MATOMO_URL'] %>';
37
+ _paq.push(['setTrackerUrl', u+'matomo.php']);
38
+ _paq.push(['setSiteId', '<%= ENV['MATOMO_SITE_ID'] %>']);
39
+ var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
40
+ g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
41
+ })();
49
42
  </script>
43
+ <!-- End Matomo Code -->
50
44
  <% end %>
@@ -1,17 +1,15 @@
1
1
  <div class="wrap-outer-footer-institute layout-band">
2
2
  <div class="wrap-footer-institute">
3
- <div class="footer-info-institute">
4
- <a class="link-logo-mit" href="https://www.mit.edu" alt="Massachusetts Institute of Technology Logo">
3
+ <footer class="footer-info-institute" aria-label="MIT footer" role="contentinfo">
4
+ <a class="link-logo-mit" href="https://www.mit.edu">
5
5
  <span class="sr">MIT</span>
6
- <svg version="1.1" xmlns="https://www.w3.org/2000/svg" x="0" y="0" width="54" height="28" viewBox="0 0 54 28" enable-background="new 0 0 54 28" xml:space="preserve" class="logo-mit"><rect x="28.9" y="8.9" width="5.8" height="19.1" class="color"/><rect width="5.8" height="28"/><rect x="9.6" width="5.8" height="18.8"/><rect x="19.3" width="5.8" height="28"/><rect x="38.5" y="8.9" width="5.8" height="19.1"/><rect x="38.8" width="15.2" height="5.6"/><rect x="28.9" width="5.8" height="5.6"/></svg>
6
+ <svg x="0" y="0" width="54" height="28" viewBox="0 0 54 28" enable-background="new 0 0 54 28" xml:space="preserve" class="logo-mit"><rect x="28.9" y="8.9" width="5.8" height="19.1" class="color"/><rect width="5.8" height="28"/><rect x="9.6" width="5.8" height="18.8"/><rect x="19.3" width="5.8" height="28"/><rect x="38.5" y="8.9" width="5.8" height="19.1"/><rect x="38.8" width="15.2" height="5.6"/><rect x="28.9" width="5.8" height="5.6"/></svg>
7
7
  </a>
8
8
  <div class="about-mit">
9
9
  <span class="item">Massachusetts Institute of Technology</span>
10
- <span class="item">77 Massachusetts Avenue</span>
11
- <span class="item">Cambridge MA 02139-4307</span>
12
10
  </div>
13
- <div class="license">Licensed under the <a href="https://creativecommons.org/licenses/by-nc/2.0/" class="license-cc">Creative Commons Attribution Non-Commercial License</a> unless otherwise noted. <a href="https://libraries.mit.edu/research-support/notices/copyright-notify/">Notify us about copyright concerns</a>.
14
- </div><!-- end .footer-info-institute -->
15
- </div>
11
+ <div class="license">Content created by the MIT Libraries, <a href="https://creativecommons.org/licenses/by-nc/4.0/">CC BY-NC</a> unless otherwise noted. <a href="https://libraries.mit.edu/research-support/notices/copyright-notify/">Notify us about copyright concerns</a>.
12
+ </div>
13
+ </footer><!-- end .footer-info-institute -->
16
14
  </div>
17
15
  </div>
@@ -8,18 +8,53 @@
8
8
  <%= image_tag("mitlib-wordmark.svg", :alt => "MIT Libraries logo") %>
9
9
  </a>
10
10
  </div>
11
+ <div class="wrap-social">
12
+ <p class="text-find-us">Find us on</p>
13
+ <a href="https://twitter.com/mitlibraries" title="Twitter">
14
+ <svg class="icon-social--twitter" width="2048" height="2048" viewBox="-192 -384 2048 2048" xmlns="http://www.w3.org/2000/svg"><g transform="scale(1 -1) translate(0 -1280)"><path d="M1620 1128q-67 -98 -162 -167q1 -14 1 -42q0 -130 -38 -259.5t-115.5 -248.5t-184.5 -210.5t-258 -146t-323 -54.5q-271 0 -496 145q35 -4 78 -4q225 0 401 138q-105 2 -188 64.5t-114 159.5q33 -5 61 -5q43 0 85 11q-112 23 -185.5 111.5t-73.5 205.5v4q68 -38 146 -41 q-66 44 -105 115t-39 154q0 88 44 163q121 -149 294.5 -238.5t371.5 -99.5q-8 38 -8 74q0 134 94.5 228.5t228.5 94.5q140 0 236 -102q109 21 205 78q-37 -115 -142 -178q93 10 186 50z" fill="black"></path></g></svg>
15
+ <span class="sr">Twitter</span>
16
+ </a><!-- End Twitter -->
17
+
18
+ <a href="https://www.facebook.com/mitlib" title="Facebook">
19
+ <svg class="icon-social--facebook" width="2048" height="2048" viewBox="-640 -384 2048 2048" xmlns="http://www.w3.org/2000/svg"><g transform="scale(1 -1) translate(0 -1280)"><path d="M511 980h257l-30 -284h-227v-824h-341v824h-170v284h170v171q0 182 86 275.5t283 93.5h227v-284h-142q-39 0 -62.5 -6.5t-34 -23.5t-13.5 -34.5t-3 -49.5v-142z" fill="black"></path></g></svg>
20
+ <span class="sr">Facebook</span>
21
+ </a><!-- End Facebook -->
22
+
23
+ <a href="https://instagram.com/mitlibraries/" title="Instagram">
24
+ <svg class="icon-social--instagram" viewBox="0 0 120 120" enable-background="new 0 0 120 120" xml:space="preserve"><path id="Instagram_10_" fill="#FFFFFF" d="M95.1,103.9H24.9c-0.2,0-0.4-0.1-0.6-0.1c-3.9-0.5-7.1-3.4-8-7.2 c-0.1-0.4-0.2-0.9-0.2-1.3V24.8c0-0.2,0.1-0.3,0.1-0.5c0.6-3.9,3.4-7.1,7.3-8c0.4-0.1,0.8-0.2,1.3-0.2h70.4c0.2,0,0.3,0.1,0.5,0.1 c4,0.5,7.2,3.6,8,7.5c0.1,0.4,0.1,0.8,0.2,1.2v70.2c-0.1,0.4-0.1,0.8-0.2,1.2c-0.7,3.6-3.6,6.6-7.2,7.4 C96,103.7,95.5,103.8,95.1,103.9z M25.6,51.7v0.2c0,13,0,26,0,38.9c0,1.9,1.6,3.5,3.5,3.5c20.6,0,41.2,0,61.8,0 c1.9,0,3.5-1.6,3.5-3.5c0-13,0-25.9,0-38.9v-0.3H86c1.2,3.8,1.5,7.6,1.1,11.5c-0.5,3.9-1.7,7.6-3.8,10.9c-2.1,3.4-4.7,6.2-8,8.4 c-8.5,5.8-19.6,6.3-28.6,1.2c-4.5-2.5-8.1-6.1-10.6-10.7c-3.7-6.8-4.3-14-2.1-21.4C31.2,51.7,28.4,51.7,25.6,51.7L25.6,51.7z M60,42.2c-9.7,0-17.6,7.8-17.8,17.5c-0.1,9.9,7.8,17.8,17.4,18c9.9,0.2,18-7.7,18.2-17.4C78,50.4,70,42.2,60,42.2L60,42.2z M86.7,38.7L86.7,38.7c1.4,0,2.9,0,4.3,0c1.9,0,3.4-1.6,3.4-3.5c0-2.8,0-5.5,0-8.3c0-2-1.6-3.6-3.6-3.6c-2.8,0-5.5,0-8.3,0 c-2,0-3.6,1.6-3.6,3.6c0,2.7,0,5.5,0,8.2c0,0.4,0.1,0.8,0.2,1.2c0.5,1.5,1.8,2.4,3.5,2.4C84,38.7,85.3,38.7,86.7,38.7L86.7,38.7z"></path></svg>
25
+ <span class="sr">Instagram</span>
26
+ </a><!-- End Instagram -->
27
+
28
+ <a href="https://www.youtube.com/user/MITLibraries" title="YouTube">
29
+ <svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="youtube" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="icon-social--youtube"><path fill="black" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z" class=""></path></svg>
30
+ <span class="sr">YouTube</span>
31
+ </a><!-- End YouTube -->
32
+
33
+ <a href="https://libguides.mit.edu/mit-feeds" title="RSS">
34
+ <svg class="icon-social--rss" width="2048" height="2048" viewBox="-320 -384 2048 2048" xmlns="http://www.w3.org/2000/svg"><g transform="scale(1 -1) translate(0 -1280)"><path d="M384 192q0 -80 -56 -136t-136 -56t-136 56t-56 136t56 136t136 56t136 -56t56 -136zM896 69q2 -28 -17 -48q-18 -21 -47 -21h-135q-25 0 -43 16.5t-20 41.5q-22 229 -184.5 391.5t-391.5 184.5q-25 2 -41.5 20t-16.5 43v135q0 29 21 47q17 17 43 17h5q160 -13 306 -80.5 t259 -181.5q114 -113 181.5 -259t80.5 -306zM1408 67q2 -27 -18 -47q-18 -20 -46 -20h-143q-26 0 -44.5 17.5t-19.5 42.5q-12 215 -101 408.5t-231.5 336t-336 231.5t-408.5 102q-25 1 -42.5 19.5t-17.5 43.5v143q0 28 20 46q18 18 44 18h3q262 -13 501.5 -120t425.5 -294 q187 -186 294 -425.5t120 -501.5z" fill="black"></path></g></svg>
35
+ <span class="sr">RSS</span>
36
+ </a><!-- End RSS -->
37
+ </div><!-- end .social -->
38
+ <div class="wrap-middle">
39
+ <div class="wrap-sitemap">
40
+ <nav class="sitemap-libraries-abbrev" aria-label="MIT Libraries site menu">
41
+ <h2 class="sr">MIT Libraries navigation</h2>
42
+ <a class="item" href="https://libraries.mit.edu/search">Search</a>
43
+ <a class="item" href="https://libraries.mit.edu/hours">Hours &amp; locations</a>
44
+ <a class="item" href="https://libraries.mit.edu/borrow">Borrow &amp; request</a>
45
+ <a class="item" href="https://libraries.mit.edu/research-support">Research support</a>
46
+ <a class="item" href="https://libraries.mit.edu/about">About us</a>
47
+ </nav>
48
+ </div><!-- end .links-all -->
49
+ <div class="wrap-policies">
50
+ <nav aria-label="MIT Libraries policy menu">
51
+ <span class="item"><a href="https://libraries.mit.edu/privacy" class="link-sub">Privacy</a></span>
52
+ <span class="item"><a href="https://libraries.mit.edu/permissions" class="link-sub">Permissions</a></span>
53
+ <span class="item"><a href="https://libraries.mit.edu/accessibility" class="link-sub">Accessibility</a></span>
54
+ </nav>
55
+ </div>
56
+ </div>
11
57
  </div><!-- end .identity -->
12
- <div class="wrap-sitemap">
13
- <nav class="sitemap-libraries-abbrev" aria-label="MIT Libraries site menu">
14
- <h2 class="sr">MIT Libraries navigation</h2>
15
- <a class="item" href="https://libraries.mit.edu/">Home</a>
16
- <a class="item" href="https://libraries.mit.edu/search">Search</a>
17
- <a class="item" href="https://libraries.mit.edu/hours">Hours &amp; locations</a>
18
- <a class="item" href="https://libraries.mit.edu/borrow">Borrow &amp; request</a>
19
- <a class="item" href="https://libraries.mit.edu/research-support">Research support</a>
20
- <a class="item" href="https://libraries.mit.edu/about">About the Libraries</a>
21
- </nav>
22
- </div><!-- end .links-all -->
23
58
  </div>
24
59
  </div>
25
60
  </div>
@@ -1,5 +1,5 @@
1
1
  module Mitlibraries
2
2
  module Theme
3
- VERSION = '0.3.2'.freeze
3
+ VERSION = '0.4.0.pre4'.freeze
4
4
  end
5
5
  end
@@ -20,9 +20,9 @@ Gem::Specification.new do |spec|
20
20
  spec.executables = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
21
21
  spec.require_paths = ['lib']
22
22
 
23
- spec.add_development_dependency 'bundler', '~> 1.16'
23
+ spec.add_development_dependency 'bundler', '~> 2'
24
24
  spec.add_development_dependency 'minitest', '~> 5.0'
25
- spec.add_development_dependency 'rake', '~> 10.0'
25
+ spec.add_development_dependency "rake", ">= 12.3.3"
26
26
  spec.add_dependency 'rails', '~> 5'
27
27
  spec.add_dependency 'sass', '~> 3.4'
28
28
  spec.add_dependency 'sass-rails', '~> 5'
@@ -13,6 +13,13 @@
13
13
  @extend %link;
14
14
  color: $white;
15
15
  text-decoration: none;
16
+
17
+ &:hover,
18
+ &:active,
19
+ &:focus {
20
+ text-decoration: underline;
21
+ color: $white;
22
+ }
16
23
  }
17
24
 
18
25
  .title {
@@ -37,7 +44,7 @@
37
44
  }
38
45
  }
39
46
 
40
- .wrap-usergroups {
47
+ .wrap-policies {
41
48
  @extend .list-inline-pipe;
42
49
  font-size: $fs-small;
43
50
  }
@@ -83,13 +90,23 @@
83
90
  font-size: $fs-xxsmall;
84
91
  color: $gray-l3;
85
92
 
93
+ .footer-info-institute {
94
+ display: flex;
95
+ justify-content: space-between;
96
+ align-items: baseline;
97
+ }
98
+
86
99
  a {
87
100
  @extend %link;
88
101
  color: $white;
102
+ &:hover,
103
+ &:active,
104
+ &:focus {
105
+ color: $white;
106
+ }
89
107
  }
90
108
 
91
109
  .link-logo-mit {
92
- display: inline-block;
93
110
 
94
111
  .logo-mit {
95
112
  fill: $gray-l2;
@@ -101,13 +118,14 @@
101
118
  }
102
119
 
103
120
  .about-mit {
104
- @extend .list-inline-pipe;
105
- display: inline-block;
106
121
  color: $gray-l3;
122
+ margin-right: 4%;
107
123
  text-transform: uppercase;
124
+ white-space: nowrap;
108
125
  }
109
126
 
110
127
  .license {
128
+ margin-left: auto;
111
129
  margin-top: 1rem;
112
130
  color: $gray-l3;
113
131
  }
@@ -84,7 +84,7 @@
84
84
 
85
85
  .fa {
86
86
  display: inline-block;
87
- margin-right: .5em
87
+ margin-right: .5em;
88
88
  }
89
89
 
90
90
  &.success {
@@ -104,6 +104,20 @@
104
104
  border-top: 5px solid $error;
105
105
  color: $black-t;
106
106
  }
107
+
108
+ &.privacy-notice {
109
+ position: fixed;
110
+ bottom: 40px;
111
+ left: 10%;
112
+ right: 10%;
113
+ width: 80%;
114
+ display: flex;
115
+ justify-content: space-between;
116
+ background-color: #eee;
117
+ p {
118
+ margin-right: .5em;
119
+ }
120
+ }
107
121
  }
108
122
 
109
123
  .inline-action {
@@ -284,7 +284,7 @@
284
284
  margin-bottom: 20px;
285
285
  }
286
286
 
287
- .wrap-usergroups {
287
+ .wrap-policies {
288
288
  width: 100%;
289
289
  border-top: 1px solid $gray;
290
290
  padding-top: 2rem;
@@ -293,6 +293,10 @@
293
293
  display: inline-block;
294
294
  margin: 1rem 1.5rem 1rem 0;
295
295
 
296
+ &.item {
297
+ margin-right: 0;
298
+ }
299
+
296
300
  &:after {
297
301
  content:'';
298
302
  }
@@ -331,7 +335,7 @@
331
335
  }
332
336
 
333
337
  .wrap-logo-lib,
334
- .wrap-usergroups,
338
+ .wrap-policies,
335
339
  .wrap-social {
336
340
  align-self: flex-end;
337
341
  margin-top: 0;
@@ -343,11 +347,11 @@
343
347
  margin-right: 4%;
344
348
  }
345
349
 
346
- .wrap-usergroups {
347
- order: 3;
348
- width: 100%;
349
- margin: 1rem 4% 0 0;
350
+ .wrap-policies {
351
+ order: 2;
352
+ padding: auto;
350
353
  border-top: none;
354
+ width: auto;
351
355
 
352
356
  span {
353
357
  margin-top: 0;
@@ -356,22 +360,22 @@
356
360
  }
357
361
 
358
362
  .wrap-social {
359
- order: 2;
360
- margin-left: 4%;
363
+ order: 3;
364
+ margin-left: auto;
361
365
  }
362
366
  }
363
367
 
364
368
  // large screen - able to handle several inline items
365
369
  @media (min-width: $bp-screen-lg) {
366
370
 
367
- .wrap-usergroups {
368
- order: 2;
369
- width: auto;
370
- }
371
-
372
371
  .wrap-social {
373
372
  order: 3;
374
373
  }
374
+
375
+ .wrap-policies {
376
+ order: 2;
377
+ }
378
+
375
379
  }
376
380
  }
377
381
 
@@ -379,29 +383,64 @@
379
383
  .wrap-footer.footer-slim {
380
384
  padding: 1.5rem 4%;
381
385
 
382
- .footer-main {
386
+ .wrap-middle {
387
+ order: 2;
383
388
  display: flex;
384
- align-items: center;
385
- }
389
+ flex: 1; // No other element gets a value, forcing this element to be greedy in its sizing
390
+ flex-direction: column;
391
+ align-items: flex-start;
386
392
 
387
- .wrap-sitemap {
388
- margin-left: 2%;
393
+ .wrap-policies {
394
+ align-self: flex-start; // This overrides the flex-end applicable to vertial alignment in full footer.
395
+ }
389
396
 
390
- .item {
391
- display: block;
392
- margin-right: 10px;
397
+ .wrap-sitemap {
398
+ display: inline-block;
399
+ margin-bottom: 2rem;
400
+
401
+ .item {
402
+ display: block;
403
+ margin-right: 10px;
404
+ margin-bottom: 5px;
405
+ }
393
406
  }
394
407
  }
395
408
 
409
+
396
410
  // larger screen - able to handle several inline items
397
411
  @media (min-width: $bp-screen-md) {
398
412
 
399
- .footer-main {
400
- align-items: baseline;
413
+ .wrap-middle {
414
+ order: 2;
415
+
416
+ .wrap-policies {
417
+ margin-left: 2%;
418
+ order: 2;
419
+ }
420
+
421
+ .wrap-sitemap {
422
+ display: inline-block;
423
+ margin-left: 2%;
424
+ margin-bottom: auto;
425
+ order: 1;
426
+
427
+ .item {
428
+ display: inline-block;
429
+ margin-bottom: auto;
430
+ }
431
+ }
401
432
  }
402
433
 
403
- .wrap-sitemap .item {
404
- display: inline-block;
434
+ .wrap-social {
435
+ order: 3;
436
+ }
437
+ }
438
+
439
+ @media (min-width: $bp-screen-lg) {
440
+ .wrap-policies {
441
+ }
442
+
443
+ .wrap-sitemap {
405
444
  }
406
445
  }
407
446
  }
@@ -19,6 +19,9 @@ $bp-screen-xl: 1280px;
19
19
  // #COLORS
20
20
  // ----------------------------
21
21
 
22
+ // NOTE: if updating color variables, you should also update
23
+ // the guide helper scss and the examples file;
24
+
22
25
  // colors - grayscale
23
26
  $black: #000;
24
27
  $black-t: #000; // true black
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: mitlibraries-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.3.2
4
+ version: 0.4.0.pre4
5
5
  platform: ruby
6
6
  authors:
7
7
  - Jeremy Prevost
8
- autorequire:
8
+ autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2019-01-28 00:00:00.000000000 Z
11
+ date: 2020-10-01 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler
@@ -16,14 +16,14 @@ dependencies:
16
16
  requirements:
17
17
  - - "~>"
18
18
  - !ruby/object:Gem::Version
19
- version: '1.16'
19
+ version: '2'
20
20
  type: :development
21
21
  prerelease: false
22
22
  version_requirements: !ruby/object:Gem::Requirement
23
23
  requirements:
24
24
  - - "~>"
25
25
  - !ruby/object:Gem::Version
26
- version: '1.16'
26
+ version: '2'
27
27
  - !ruby/object:Gem::Dependency
28
28
  name: minitest
29
29
  requirement: !ruby/object:Gem::Requirement
@@ -42,16 +42,16 @@ dependencies:
42
42
  name: rake
43
43
  requirement: !ruby/object:Gem::Requirement
44
44
  requirements:
45
- - - "~>"
45
+ - - ">="
46
46
  - !ruby/object:Gem::Version
47
- version: '10.0'
47
+ version: 12.3.3
48
48
  type: :development
49
49
  prerelease: false
50
50
  version_requirements: !ruby/object:Gem::Requirement
51
51
  requirements:
52
- - - "~>"
52
+ - - ">="
53
53
  - !ruby/object:Gem::Version
54
- version: '10.0'
54
+ version: 12.3.3
55
55
  - !ruby/object:Gem::Dependency
56
56
  name: rails
57
57
  requirement: !ruby/object:Gem::Requirement
@@ -94,7 +94,7 @@ dependencies:
94
94
  - - "~>"
95
95
  - !ruby/object:Gem::Version
96
96
  version: '5'
97
- description:
97
+ description:
98
98
  email:
99
99
  - jprevost@mit.edu
100
100
  executables: []
@@ -102,9 +102,9 @@ extensions: []
102
102
  extra_rdoc_files: []
103
103
  files:
104
104
  - ".gitignore"
105
- - ".travis.yml"
106
105
  - CODE_OF_CONDUCT.md
107
106
  - Gemfile
107
+ - Gemfile.lock
108
108
  - LICENSE.txt
109
109
  - Makefile
110
110
  - README.md
@@ -149,7 +149,7 @@ homepage: https://github.com/MITLibraries/mitlibraries-theme
149
149
  licenses:
150
150
  - MIT
151
151
  metadata: {}
152
- post_install_message:
152
+ post_install_message:
153
153
  rdoc_options: []
154
154
  require_paths:
155
155
  - lib
@@ -160,13 +160,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
160
160
  version: '0'
161
161
  required_rubygems_version: !ruby/object:Gem::Requirement
162
162
  requirements:
163
- - - ">="
163
+ - - ">"
164
164
  - !ruby/object:Gem::Version
165
- version: '0'
165
+ version: 1.3.1
166
166
  requirements: []
167
- rubyforge_project:
168
- rubygems_version: 2.7.6
169
- signing_key:
167
+ rubygems_version: 3.0.3
168
+ signing_key:
170
169
  specification_version: 4
171
170
  summary: General theme for MIT Libraries Rails apps
172
171
  test_files: []
@@ -1,5 +0,0 @@
1
- sudo: false
2
- language: ruby
3
- rvm:
4
- - 2.5.1
5
- before_install: gem install bundler -v 1.16.1