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
79 lines
1.5 KiB
SCSS
79 lines
1.5 KiB
SCSS
.static-container.help {
|
|
|
|
section.questions {
|
|
@include clearfix;
|
|
|
|
nav.categories {
|
|
border: 1px solid rgb(220,220,220);
|
|
@include box-sizing(border-box);
|
|
float: left;
|
|
margin-left: flex-gutter();
|
|
padding: 20px;
|
|
width: flex-grid(3);
|
|
|
|
a {
|
|
display: block;
|
|
letter-spacing: 1px;
|
|
margin: 0px -20px;
|
|
padding: 12px 0px 12px 20px;
|
|
text-align: left;
|
|
|
|
&:hover, &:focus {
|
|
background: rgb(245,245,245);
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
.responses {
|
|
float: left;
|
|
width: flex-grid(9);
|
|
|
|
.category {
|
|
padding-top: 40px;
|
|
|
|
&:first-child {
|
|
padding-top: 0px;
|
|
}
|
|
|
|
> h2 {
|
|
border-bottom: 1px solid rgb(220,220,220);
|
|
margin-bottom: 40px;
|
|
padding-bottom: 20px;
|
|
}
|
|
}
|
|
|
|
.response {
|
|
margin-bottom: 40px;
|
|
|
|
h3 {
|
|
background: url('/static/images/bullet-closed.png') no-repeat left 0.25em;
|
|
font-family: $sans-serif;
|
|
font-weight: 700;
|
|
margin-bottom: 10px;
|
|
padding-left: 20px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.answer {
|
|
display: none;
|
|
color: #3c3c3c;
|
|
padding-left: 16px;
|
|
font-family: $serif;
|
|
li {
|
|
line-height: 1.6em;
|
|
}
|
|
}
|
|
|
|
// opened states
|
|
&.opened {
|
|
|
|
h3 {
|
|
background: url('/static/images/bullet-open.png') no-repeat left 0.25em;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|