mitlibraries-theme 0.3.3 → 0.4.0.pre
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/views/layouts/_libraries_footer.html.erb +46 -11
- data/lib/mitlibraries/theme/version.rb +1 -1
- data/vendor/assets/stylesheets/elements/_footer.scss +22 -4
- data/vendor/assets/stylesheets/elements/_modules.scss +15 -1
- data/vendor/assets/stylesheets/global/_layouts.scss +64 -25
- data/vendor/assets/stylesheets/global/_variables.scss +3 -0
- metadata +9 -9
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: fd29a8ce91d2922f295baab773e7d17316665ac00fe4b0616bc3264c5f7fd35d
|
|
4
|
+
data.tar.gz: 3b400d8296fc3ccd3596f6ab3ab327c07d7b6f6bba2f39fe4ee845263a663ffd
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 48842d3566f0b8bf024288dd6235b5d4e58316f97b8b723b057cba727d3e491d36711ad644ae2e0332edee556734de75f528887122f566ebdb983bd13b164206
|
|
7
|
+
data.tar.gz: 5e36a447dd8c3771267654e10020a2b05e2fb60646b8e0f62592fa8a0575885b4890534d2486f837e6271f5e88632f4b0124b5291c119947e3a59824a405e9fa
|
|
@@ -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="//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="/facebook" 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="//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="//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="//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 & locations</a>
|
|
44
|
+
<a class="item" href="https://libraries.mit.edu/borrow">Borrow & 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://accessibility.mit.edu/" 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 & locations</a>
|
|
18
|
-
<a class="item" href="https://libraries.mit.edu/borrow">Borrow & 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>
|
|
@@ -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-
|
|
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-
|
|
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-
|
|
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-
|
|
347
|
-
order:
|
|
348
|
-
|
|
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:
|
|
360
|
-
margin-left:
|
|
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
|
-
.
|
|
386
|
+
.wrap-middle {
|
|
387
|
+
order: 2;
|
|
383
388
|
display: flex;
|
|
384
|
-
|
|
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
|
-
|
|
388
|
-
|
|
393
|
+
.wrap-policies {
|
|
394
|
+
align-self: flex-start; // This overrides the flex-end applicable to vertial alignment in full footer.
|
|
395
|
+
}
|
|
389
396
|
|
|
390
|
-
.
|
|
391
|
-
display: block;
|
|
392
|
-
margin-
|
|
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
|
-
.
|
|
400
|
-
|
|
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-
|
|
404
|
-
|
|
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.
|
|
4
|
+
version: 0.4.0.pre
|
|
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: 2020-
|
|
11
|
+
date: 2020-09-29 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: bundler
|
|
@@ -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: []
|
|
@@ -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,12 +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:
|
|
165
|
+
version: 1.3.1
|
|
166
166
|
requirements: []
|
|
167
|
-
rubygems_version: 3.
|
|
168
|
-
signing_key:
|
|
167
|
+
rubygems_version: 3.0.3
|
|
168
|
+
signing_key:
|
|
169
169
|
specification_version: 4
|
|
170
170
|
summary: General theme for MIT Libraries Rails apps
|
|
171
171
|
test_files: []
|