f9619d6cad
This also has an initial use case for Personalized Learner Schedules to add CTAs to capa and vertical blocks to allow users to shift their course deadlines.
67 lines
1.4 KiB
SCSS
67 lines
1.4 KiB
SCSS
|
|
@mixin blue-button {
|
|
display: block;
|
|
height: 35px;
|
|
padding: 0 15px;
|
|
border-radius: 3px;
|
|
border: 1px solid #2d81ad;
|
|
|
|
@include linear-gradient(top, #6dccf1, #38a8e5);
|
|
|
|
font-size: 13px;
|
|
font-weight: 700;
|
|
line-height: 32px;
|
|
color: $white;
|
|
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
|
|
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 1px rgba(0, 0, 0, 0.15);
|
|
|
|
&:hover,
|
|
&:focus {
|
|
border-color: #297095;
|
|
|
|
@include linear-gradient(top, #4fbbe4, #2090d0);
|
|
}
|
|
}
|
|
|
|
@mixin white-button {
|
|
display: block;
|
|
height: 35px;
|
|
padding: 0 15px;
|
|
border-radius: 3px;
|
|
border: 1px solid #444;
|
|
|
|
@include linear-gradient(top, #eee, $gray-l3);
|
|
|
|
font-size: 13px;
|
|
font-weight: 700;
|
|
line-height: 32px;
|
|
color: #333;
|
|
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
|
|
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 1px rgba(0, 0, 0, 0.15);
|
|
|
|
&:hover,
|
|
&:focus {
|
|
@include linear-gradient(top, #fff, #ddd);
|
|
}
|
|
}
|
|
|
|
@mixin dark-grey-button {
|
|
display: block;
|
|
height: 35px;
|
|
padding: 0 15px;
|
|
border-radius: 3px;
|
|
border: 1px solid #222;
|
|
background: -webkit-linear-gradient(top, #777, #555);
|
|
font-size: 13px;
|
|
font-weight: 700;
|
|
line-height: 32px;
|
|
color: $white;
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
|
|
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 1px rgba(0, 0, 0, 0.15);
|
|
|
|
&:hover,
|
|
&:focus {
|
|
background: -webkit-linear-gradient(top, #888, #666);
|
|
}
|
|
}
|