|
|
@@ -16,63 +16,6 @@
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.price-breakdown {
|
|
|
- text-align: center;
|
|
|
- margin-bottom: -10px;
|
|
|
-}
|
|
|
-
|
|
|
-.input-feedback-message {
|
|
|
- display: none;
|
|
|
- font-size: 0.8em;
|
|
|
-
|
|
|
- .has-error & {
|
|
|
- display: inline-block;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-.payment-submit {
|
|
|
- padding-top: (@line-height-computed / 2);
|
|
|
-}
|
|
|
-
|
|
|
-.payment-method-toggle {
|
|
|
- margin-bottom: (@line-height-computed / 2);
|
|
|
-
|
|
|
- &-switch {
|
|
|
- display: inline-block;
|
|
|
- width: 50%;
|
|
|
- text-align: center;
|
|
|
- border: solid 1px @gray-lighter;
|
|
|
- border-radius: @border-radius-large 0 0 @border-radius-large;
|
|
|
- padding: (@line-height-computed / 2);
|
|
|
- color: @btn-switch-color;
|
|
|
-
|
|
|
- &:hover,
|
|
|
- &:focus {
|
|
|
- color: @btn-switch-color;
|
|
|
- text-decoration: none;
|
|
|
- }
|
|
|
-
|
|
|
- &:hover {
|
|
|
- color: @btn-switch-hover-color;
|
|
|
- }
|
|
|
-
|
|
|
- & + & {
|
|
|
- border-left-width: 0;
|
|
|
- border-radius: 0 @border-radius-large @border-radius-large 0;
|
|
|
- }
|
|
|
-
|
|
|
- &-selected {
|
|
|
- color: @link-active-color;
|
|
|
- box-shadow: inset 0 -2px 0 0;
|
|
|
-
|
|
|
- &:hover,
|
|
|
- &:focus {
|
|
|
- color: @link-active-color;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
.team-invite .message {
|
|
|
margin: 3em 0;
|
|
|
}
|
|
|
@@ -85,136 +28,6 @@
|
|
|
text-transform: capitalize;
|
|
|
}
|
|
|
|
|
|
-.three-d-secure-container {
|
|
|
- > .three-d-secure-recurly-container {
|
|
|
- height: 400px;
|
|
|
-
|
|
|
- > div[data-recurly='three-d-secure-container'] {
|
|
|
- height: 100%;
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-.price-switch-header {
|
|
|
- margin-bottom: @line-height-computed;
|
|
|
- h2 {
|
|
|
- margin: 0;
|
|
|
- }
|
|
|
-
|
|
|
- .student-disclaimer {
|
|
|
- font-size: 14px;
|
|
|
- color: @gray;
|
|
|
- margin: 12.5px 0 0 0;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-.price-feature-description {
|
|
|
- h3 {
|
|
|
- margin-top: 0;
|
|
|
- }
|
|
|
- h4 {
|
|
|
- margin-top: 5px;
|
|
|
- margin-bottom: 15px;
|
|
|
- }
|
|
|
- ul {
|
|
|
- padding-left: 10px;
|
|
|
- }
|
|
|
- li {
|
|
|
- list-style-position: inside;
|
|
|
- }
|
|
|
- .number-of-collaborators {
|
|
|
- margin-bottom: 5px;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-.price-summary {
|
|
|
- padding-bottom: 7.5px;
|
|
|
-
|
|
|
- .price-summary-line {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
-
|
|
|
- .price-summary-line-width {
|
|
|
- width: 70%;
|
|
|
- }
|
|
|
- }
|
|
|
- .price-summary-total-line {
|
|
|
- margin-top: 5px;
|
|
|
- font-size: 16px;
|
|
|
-
|
|
|
- .price-summary-due {
|
|
|
- color: @green-50;
|
|
|
- }
|
|
|
- }
|
|
|
- hr {
|
|
|
- margin-top: 20px;
|
|
|
- margin-bottom: 20px;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-.price-nowrap {
|
|
|
- white-space: nowrap;
|
|
|
-}
|
|
|
-
|
|
|
-.price-details-spacing {
|
|
|
- height: @line-height-computed / 2;
|
|
|
-}
|
|
|
-
|
|
|
-.price-cancel-anytime {
|
|
|
- font-size: 12px;
|
|
|
-}
|
|
|
-
|
|
|
-.trial-coupon-summary {
|
|
|
- font-size: 12px;
|
|
|
- padding-top: 7.5px;
|
|
|
- padding-bottom: 7.5px;
|
|
|
-
|
|
|
- .trial-coupon-summary-list-container {
|
|
|
- padding-left: 0;
|
|
|
-
|
|
|
- li {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- font-size: 14px;
|
|
|
- justify-content: flex-start;
|
|
|
- margin-bottom: 8px;
|
|
|
- gap: 12px;
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-.toggle-address-second-line {
|
|
|
- margin-bottom: @line-height-computed / 2;
|
|
|
-}
|
|
|
-
|
|
|
-.payment-method-toggle {
|
|
|
- border-bottom: 1px solid @hr-border;
|
|
|
-}
|
|
|
-
|
|
|
-.change-currency {
|
|
|
- margin-top: 5px;
|
|
|
-}
|
|
|
-
|
|
|
-.change-currency-toggle {
|
|
|
- padding-left: 0px;
|
|
|
- font-size: 12px;
|
|
|
- text-decoration: underline;
|
|
|
- color: @text-small-color;
|
|
|
- &:hover,
|
|
|
- &:focus {
|
|
|
- color: @text-small-color;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-.change-currency-dropdown-selected-icon {
|
|
|
- position: absolute;
|
|
|
- left: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.recurly-hosted-field-input {
|
|
|
- &:extend(.form-control);
|
|
|
-}
|
|
|
-
|
|
|
.back-btn {
|
|
|
padding: 0 10px 2px 12px;
|
|
|
border-radius: 50%;
|