Merge pull request #8458 from edx/will/remove-v2-footer

Remove V2 of the EdX.org footer
This commit is contained in:
Will Daly
2015-06-11 10:43:30 -04:00
9 changed files with 3 additions and 393 deletions

View File

@@ -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;
}
}
}