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
67 lines
1.3 KiB
SCSS
67 lines
1.3 KiB
SCSS
.open-ended-problems,
|
|
.combined-notifications
|
|
{
|
|
padding: 40px;
|
|
.problem-list
|
|
{
|
|
table-layout: auto;
|
|
margin-top: 10px;
|
|
width:70%;
|
|
td, th
|
|
{
|
|
padding: 7px;
|
|
}
|
|
}
|
|
.notification-container
|
|
{
|
|
margin: 30px 0px;
|
|
}
|
|
|
|
.notification
|
|
{
|
|
margin: 10px;
|
|
width: 30%;
|
|
@include inline-block;
|
|
vertical-align: top;
|
|
.notification-link
|
|
{
|
|
display:block;
|
|
height: 9em;
|
|
padding: 10px;
|
|
border: 1px solid black;
|
|
text-align: center;
|
|
p
|
|
{
|
|
font-size: .9em;
|
|
text-align: center;
|
|
}
|
|
}
|
|
.notification-title
|
|
{
|
|
text-transform: uppercase;
|
|
background: $blue;
|
|
color: white;
|
|
padding: 5px 0px;
|
|
font-size: 1.1em;
|
|
}
|
|
.notification-link:hover,
|
|
.notification-link:focus
|
|
{
|
|
background-color: #eee;
|
|
}
|
|
.notification-description
|
|
{
|
|
padding-top:5%;
|
|
}
|
|
.alert-message
|
|
{
|
|
img
|
|
{
|
|
vertical-align: baseline;
|
|
}
|
|
}
|
|
@include clearfix;
|
|
}
|
|
|
|
}
|