Merge pull request #8458 from edx/will/remove-v2-footer
Remove V2 of the EdX.org footer
This commit is contained in:
@@ -285,231 +285,3 @@ $edx-footer-bg-color: rgb(252,252,252);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// TODO (ECOM-1339): Remove the "new" (v2) footer once the v3 footer
|
||||
// is permanently enabled.
|
||||
.edx-footer-new {
|
||||
background: $edx-footer-bg-color;
|
||||
|
||||
@media print {
|
||||
@include padding(10px, 10px, 0, 10px);
|
||||
}
|
||||
|
||||
// NOTE: resetting older footer styles - can be removed once not needed
|
||||
box-shadow: none;
|
||||
padding: ($baseline*2) $baseline;
|
||||
|
||||
// about
|
||||
// --------------------
|
||||
.footer-about {
|
||||
@extend %edx-footer-reset;
|
||||
@extend %edx-footer-section;
|
||||
width: flex-grid(6,12);
|
||||
|
||||
@media print {
|
||||
@include margin-right(0);
|
||||
@include padding-right(0);
|
||||
width: flex-grid(12,12);
|
||||
border: none;
|
||||
min-height: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-about-title {
|
||||
@extend %edx-footer-title;
|
||||
@extend %ui-print-excluded;
|
||||
}
|
||||
|
||||
.footer-about-logo, .footer-about-openedx {
|
||||
margin-bottom: $edx-footer-spacing;
|
||||
|
||||
img {
|
||||
height: 47px;
|
||||
}
|
||||
|
||||
a {
|
||||
display: block;
|
||||
|
||||
&:hover {
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.footer-about-logo {
|
||||
@include float(left);
|
||||
@extend %ui-print-excluded;
|
||||
}
|
||||
|
||||
.footer-about-openedx-logo {
|
||||
@include float(right);
|
||||
@media print {
|
||||
@include float(left);
|
||||
}
|
||||
}
|
||||
|
||||
.footer-about-copy {
|
||||
@extend %t-copy-sub1;
|
||||
@extend %ui-print-excluded;
|
||||
margin-bottom: $edx-footer-spacing;
|
||||
color: rgb(61, 62, 63);
|
||||
clear: both;
|
||||
|
||||
p {
|
||||
// NOTE: needed for poor LMS span styling
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-about-copyright {
|
||||
@extend %t-copy-sub1;
|
||||
margin-bottom: $edx-footer-spacing;
|
||||
color: rgb(138, 140, 143);
|
||||
|
||||
p {
|
||||
// NOTE: needed for poor LMS span styling
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
a {
|
||||
@extend %edx-footer-link;
|
||||
display: inline-block;
|
||||
margin-bottom: ($edx-footer-spacing/2);
|
||||
}
|
||||
|
||||
@media print {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-about-links {
|
||||
@extend %ui-print-excluded;
|
||||
|
||||
a {
|
||||
@extend %edx-footer-link;
|
||||
margin-bottom: ($edx-footer-spacing/2);
|
||||
}
|
||||
|
||||
.note {
|
||||
color: rgb(138, 140, 143);
|
||||
}
|
||||
}
|
||||
|
||||
// nav (learn more links)
|
||||
// --------------------
|
||||
.footer-nav {
|
||||
@extend %edx-footer-reset;
|
||||
@extend %edx-footer-section;
|
||||
@extend %ui-print-excluded;
|
||||
width: flex-grid(3,12);
|
||||
}
|
||||
|
||||
.footer-nav-title {
|
||||
@extend %edx-footer-title;
|
||||
margin-top: $baseline;
|
||||
}
|
||||
|
||||
.footer-nav-links {
|
||||
margin-bottom: ($edx-footer-spacing*2.25);
|
||||
|
||||
a {
|
||||
@extend %edx-footer-link;
|
||||
}
|
||||
}
|
||||
|
||||
// follow (social media)
|
||||
// --------------------
|
||||
.footer-follow {
|
||||
@extend %edx-footer-reset;
|
||||
@extend %edx-footer-section;
|
||||
@extend %ui-print-excluded;
|
||||
width: flex-grid(3,12);
|
||||
}
|
||||
|
||||
.footer-follow-title {
|
||||
@extend %edx-footer-title;
|
||||
margin-top: $baseline;
|
||||
}
|
||||
|
||||
.footer-follow-links {
|
||||
|
||||
a {
|
||||
@extend %edx-footer-link;
|
||||
margin-top: $baseline;
|
||||
|
||||
.icon, .copy {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.icon {
|
||||
@extend %t-icon3;
|
||||
margin-right: ($baseline/4);
|
||||
text-align: center;
|
||||
min-width: ($baseline*1.5);
|
||||
}
|
||||
|
||||
.copy {
|
||||
// NOTE: needed for poor LMS span styling
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.rwd {
|
||||
@include box-sizing(border-box);
|
||||
@include outer-container;
|
||||
|
||||
&.wrapper-footer footer {
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.footer-about,
|
||||
.footer-nav,
|
||||
.footer-follow {
|
||||
@include span-columns(12);
|
||||
}
|
||||
|
||||
@include media( $edx-bp-medium ) {
|
||||
}
|
||||
|
||||
@include media( $edx-bp-large ) {
|
||||
.footer-about {
|
||||
@include span-columns(6);
|
||||
}
|
||||
|
||||
.footer-nav,
|
||||
.footer-follow {
|
||||
@include span-columns(3);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// App links
|
||||
// --------------------
|
||||
.footer-mobile-apps {
|
||||
padding-top: 20px;
|
||||
|
||||
.mobile-app-wrapper {
|
||||
margin: 0 0 10px 0;
|
||||
}
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
|
||||
&:hover {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
.app-store {
|
||||
height: auto;
|
||||
width: 129px;
|
||||
}
|
||||
|
||||
.google-play {
|
||||
height: auto;
|
||||
width: 129px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user