5a46177a5e
- Doubled up :hover and :focus styling to improve a11y - Increase contrast of certain UI elements for improved a11y - Added some image alt text for a11y - Changed video caption styling to blue and made them underline on hover and added a skip link before video for screenreaders. Fixes Bugs: - LMS-1336
53 lines
912 B
SCSS
53 lines
912 B
SCSS
nav.course-material {
|
|
@include clearfix;
|
|
@include box-sizing(border-box);
|
|
background: none;
|
|
margin: 0px auto 0px;
|
|
padding: 0px;
|
|
width: 100%;
|
|
|
|
.inner-wrapper {
|
|
margin: 0 auto;
|
|
max-width: 1200px;
|
|
width: flex-grid(12);
|
|
}
|
|
|
|
ol.course-tabs {
|
|
@include border-top-radius(4px);
|
|
@include clearfix;
|
|
padding: 10px 0 0 0;
|
|
|
|
li {
|
|
float: left;
|
|
list-style: none;
|
|
|
|
a {
|
|
color: darken($lighter-base-font-color, 20%);
|
|
display: block;
|
|
text-align: center;
|
|
padding: 8px 13px 12px;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
text-decoration: none;
|
|
text-shadow: 0 1px rgb(255,255,255);
|
|
|
|
&:hover, &:focus {
|
|
color: $base-font-color;
|
|
}
|
|
|
|
&.active {
|
|
color: $blue;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.course-content {
|
|
margin-top: 30px;
|
|
|
|
.courseware {
|
|
min-height: 300px;
|
|
}
|
|
}
|