105 lines
2.0 KiB
SCSS
105 lines
2.0 KiB
SCSS
// base layout styles to support early responsive lms
|
|
// may be discarded later once sass breakpoints are wired in
|
|
|
|
// overriding existing styles on the body element
|
|
// .view-incourse scopes these rules to be specific to student being in a course
|
|
body.view-in-course {
|
|
background-color: $body-bg;
|
|
|
|
// courseware header
|
|
.header-global,
|
|
.header-global.slim {
|
|
width: auto;
|
|
|
|
.wrapper-header {
|
|
min-width: auto;
|
|
|
|
.user-dropdown,
|
|
.dropdown {
|
|
padding: ($baseline/2);
|
|
}
|
|
}
|
|
}
|
|
|
|
// courseware tabs and staff preview bar
|
|
.wrapper-course-material,
|
|
.wrapper-preview-menu {
|
|
padding: 0;
|
|
}
|
|
|
|
.wrapper-course-material .course-material,
|
|
.wrapper-preview-menu .preview-menu {
|
|
width: auto;
|
|
}
|
|
|
|
.wrapper-preview-menu .preview-menu {
|
|
padding: 15px 2%;
|
|
}
|
|
|
|
.wrapper-course-material .course-material {
|
|
padding: 0;
|
|
}
|
|
|
|
.wrapper-course-material .course-material .course-tabs {
|
|
padding: 0;
|
|
}
|
|
|
|
// content area wrapper
|
|
.container {
|
|
max-width: none;
|
|
min-width: initial;
|
|
width: auto;
|
|
}
|
|
|
|
// course info page
|
|
.info-wrapper {
|
|
max-width: map-get($container-max-widths, xl);
|
|
margin: 0 auto;
|
|
}
|
|
|
|
// courseware and progress page
|
|
.course-wrapper,
|
|
.profile-wrapper,
|
|
.instructor-dashboard-wrapper-2,
|
|
.wiki-wrapper,
|
|
.teams-wrapper,
|
|
.static_tab_wrapper {
|
|
max-width: map-get($container-max-widths, xl);
|
|
margin: 0 auto;
|
|
padding: 0;
|
|
}
|
|
|
|
.static_tab_wrapper {
|
|
padding: 2em 2.5em;
|
|
}
|
|
|
|
// post-container footer (creative commons)
|
|
.container-footer {
|
|
max-width: none;
|
|
min-width: 0;
|
|
width: auto;
|
|
}
|
|
|
|
.course-license {
|
|
max-width: map-get($container-max-widths, xl);
|
|
margin: 0 auto;
|
|
padding-right: 2%;
|
|
padding-left: 2%;
|
|
}
|
|
|
|
// site footer
|
|
.wrapper-footer {
|
|
margin-top: ($baseline*2);
|
|
padding-right: 2%;
|
|
padding-left: 2%;
|
|
|
|
footer#footer-openedx { // shame selector to match existing
|
|
min-width: auto;
|
|
}
|
|
}
|
|
|
|
footer#footer-edx-v3 { // shame selector to match existing
|
|
margin-top: ($baseline*2);
|
|
}
|
|
}
|