overleaf/services/web/frontend/stylesheets/app/subscription.less
Timothée Alby 0a27b3711f Merge pull request #6599 from overleaf/ta-new-subscription-split-test
Payment Page Split Test

GitOrigin-RevId: bb43cbf4e5722bd18076f2f8bf1014816bce1df0
2022-02-16 11:34:44 +00:00

130 lines
2 KiB
Text

.form-helper {
display: inline-block;
width: 1.3em;
height: 1.3em;
line-height: 1.3;
vertical-align: initial;
background-color: @gray;
color: #fff;
font-weight: bolder;
border-radius: 50%;
&:hover,
&:focus {
color: #fff;
text-decoration: none;
}
}
.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;
}
.capitalised {
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;
}
}
.price-feature-description {
h3 {
margin-top: 0;
}
ul {
padding-left: 10px;
}
li {
list-style-position: inside;
}
}
.price-summary {
.price-summary-line {
display: flex;
justify-content: space-between;
}
.price-summary-total-line {
margin-top: 5px;
font-size: 16px;
}
}
.price-details-spacing {
height: @line-height-computed / 2;
}
.price-cancel-anytime {
font-size: 12px;
}