diff --git a/web/app/themes/mitlib-parent/css/scss/partials/_footer.scss b/web/app/themes/mitlib-parent/css/scss/partials/_footer.scss index d1c42030..0f04cdcb 100644 --- a/web/app/themes/mitlib-parent/css/scss/partials/_footer.scss +++ b/web/app/themes/mitlib-parent/css/scss/partials/_footer.scss @@ -2,7 +2,7 @@ background: $black url(#{$imagesPath}/vi-shape7-tp.png) no-repeat 10% center; flex-wrap: wrap; @include bp-tablet--portrait { - padding: 2em 1.375em; + padding: 1.25em 1.375em; } @include span-12-12; a { @@ -67,9 +67,6 @@ span { display: block; width: 50%; - &:not(:last-of-type) { - margin-bottom: 1.5em; - } @include bp-tablet--portrait { font-weight: 300; padding-left: 1em; @@ -98,14 +95,8 @@ max-width: 9.5em; width: 9.5em; } - svg { - max-height: 4em; - max-width: 9.5em; - fill: #fff; - } - title { - color: #000; - background-color: #fff; + img { + display: block; } } .text-find-us { @@ -161,55 +152,25 @@ } } // End .footer-main .footer-info-institute { - align-items: baseline; + align-items: start; background: $gray-dark; display: flex; - flex-direction: column; - flex-wrap: wrap; - padding: 1.5em 1em; - @include bp-tablet--portrait { - flex-direction: row; - } - .about-mit { - font-size: 0.625em; - margin-bottom: 2em; - margin-right: 1em; - span { - color: #eeeeee; - text-transform: uppercase; - &:first-of-type { - font-weight: bold; - } - @include bp-tablet--portrait { - color: #ededed; - &:not(:last-of-type):after { - content: '|'; - font-weight: normal; - } - } - } - } + justify-content: space-between; + padding: 1.25em 1.375em; .license { color: #fff; font-size: 0.6875em; - margin-left: auto; + margin-left: auto; + @include rem-first(max-width, 25); a { color: #ededed; text-decoration: underline; } } - .link-mit-home { + .link-logo-mit { display: block; - @include bp-tablet--portrait{ - margin: 0 1em 1.5em 0; - } - } - .logo-mit { - fill: #bbb9b8; - width: 3.375em; - .color { - fill: #ededed; - } + @include rem-first(margin-right, 3.125); + @include rem-first(min-width, 9.5); } } // Old browser fixes @@ -225,10 +186,7 @@ > div { float: left; } - .about-mit { - padding-top: 4em; - } - .link-mit-home { + .link-logo-mit { padding-top: 1.5em; } } diff --git a/web/app/themes/mitlib-parent/css/scss/partials/_header.scss b/web/app/themes/mitlib-parent/css/scss/partials/_header.scss index 71ba85c6..57c9d669 100644 --- a/web/app/themes/mitlib-parent/css/scss/partials/_header.scss +++ b/web/app/themes/mitlib-parent/css/scss/partials/_header.scss @@ -29,7 +29,7 @@ .logo-mit-lib { fill: $color-text--light; - padding: 8px; + padding: 1.6785rem 0.5rem 0.5rem 0.5rem; svg { @include rem-first(max-height, 1.75); @@ -112,8 +112,8 @@ @include rem-first(padding-bottom, 0.5); padding-left: 0.5em; padding-right: 0.5em; - max-width: 59px; - @include rem-first(max-width, 3.6875); + max-width: 74px; + @include rem-first(max-width, 4.6); @include bp-tablet--portrait { display: block; diff --git a/web/app/themes/mitlib-parent/css/scss/partials/_menu.scss b/web/app/themes/mitlib-parent/css/scss/partials/_menu.scss index 127e7fe2..ef7898da 100644 --- a/web/app/themes/mitlib-parent/css/scss/partials/_menu.scss +++ b/web/app/themes/mitlib-parent/css/scss/partials/_menu.scss @@ -71,7 +71,7 @@ body.user-is-tabbing *.nav-main { font-size: 0.75em; a { - padding: 1rem 0.5rem 0.5rem 0.5rem; + padding: 1.9375rem 0.5rem 0.5rem 0.5rem; align-items: center; flex-direction: column; text-transform: uppercase; @@ -88,6 +88,8 @@ body.user-is-tabbing *.nav-main { font-size: 1em; a { + align-items: flex-end; + flex-direction: row; text-transform: none; padding-top: 2em; } @@ -192,7 +194,7 @@ body.user-is-tabbing *.nav-main { color: #fff; display: flex; height: 100%; - padding-top: 2em; + padding-top: 2.875em; } &.active { diff --git a/web/app/themes/mitlib-parent/footer.php b/web/app/themes/mitlib-parent/footer.php index e45590ae..7951e034 100644 --- a/web/app/themes/mitlib-parent/footer.php +++ b/web/app/themes/mitlib-parent/footer.php @@ -15,15 +15,10 @@