d6c0460483
Includes button copy revision and a styling tweak to make the selected payment button appear active while disabled.
83 lines
1.6 KiB
SCSS
83 lines
1.6 KiB
SCSS
// edX LMS - developer
|
|
// ====================
|
|
// NOTE: use this area for any developer-needed or created styling that needs to be refactored into patterns or visually polished. Please list any template/view that your styles reference when definining them (example below):
|
|
|
|
// Views: Login, Sign Up
|
|
// .crazy-new-feature {
|
|
// background: transparent;
|
|
// }
|
|
|
|
// --------------------
|
|
// rotate clockwise
|
|
@include keyframes(rotateCW) {
|
|
0% {
|
|
@include transform(rotate(0deg));
|
|
}
|
|
|
|
50% {
|
|
@include transform(rotate(180deg));
|
|
}
|
|
|
|
100% {
|
|
@include transform(rotate(360deg));
|
|
}
|
|
}
|
|
|
|
// canned animation - use if you want out of the box/non-customized anim
|
|
%anim-rotateCW {
|
|
@include animation(rotateCW $tmg-s1 linear infinite);
|
|
}
|
|
|
|
.ui-loading-base {
|
|
@include animation(fadeIn $tmg-f2 linear 1);
|
|
@extend %t-copy-base;
|
|
|
|
.spin {
|
|
@extend %anim-rotateCW;
|
|
display: inline-block;
|
|
}
|
|
|
|
.copy {
|
|
padding-left: ($baseline/4);
|
|
}
|
|
}
|
|
|
|
.ui-loading {
|
|
@extend .ui-loading-base;
|
|
@extend %ui-well;
|
|
opacity: 0.6;
|
|
background-color: $white;
|
|
padding: ($baseline*1.5) $baseline;
|
|
text-align: center;
|
|
}
|
|
|
|
// for verify_student/make_payment_step.underscore
|
|
.payment-buttons {
|
|
|
|
.purchase {
|
|
float: left;
|
|
padding: ($baseline*.5) 0;
|
|
|
|
.product-info, .product-name, .price {
|
|
@extend %t-ultrastrong;
|
|
color: $m-blue-d3;
|
|
}
|
|
}
|
|
|
|
.payment-button {
|
|
float: right;
|
|
@include margin-left( ($baseline/2) );
|
|
|
|
&.is-selected {
|
|
background: $m-blue-d3 !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
// teams temporary
|
|
.view-teams {
|
|
.global-new, #global-navigation {
|
|
display: none;
|
|
}
|
|
}
|