lbry-desktop/ui/scss/component/_membership.scss
mayeaux 4a9ba6555b
Various touchups/fixes of membership functionality (#1066)
* various cleanups

* more touchups

* select currency to use based on location

* fix sidebar

* fixing strings and other touchups

* refactor and do proper string interpolation

* fix stripe error

* text bugfix

* Adjust help

Co-authored-by: Thomas Zarebczan <thomas.zarebczan@gmail.com>
2022-03-14 22:38:45 -04:00

77 lines
1.1 KiB
SCSS

.membership_title {
margin-top: var(--spacing-l);
font-size: 18px;
font-weight: var(--font-weight-bold);
.comment__badge {
margin-left: var(--spacing-s);
svg {
height: 2rem;
width: 2rem;
}
}
}
.membership_title:first-of-type {
margin-top: 0;
}
.membership_subtitle {
font-size: var(--font-small);
color: var(--color-text-subtitle);
margin-bottom: var(--spacing-s);
}
.membership_info {
font-size: var(--font-small);
}
.membership_button {
display: block;
margin-bottom: 18px;
margin-top: 10px;
}
.cancel-membership-button {
display: block;
margin-bottom: 18px;
margin-top: 13px;
}
.explanation-text {
margin-bottom: 16px;
}
.premium-explanation-text {
.icon--ChevronDown,
.icon--ChevronUp {
height: 24px;
width: 24px;
}
.card__main-actions {
margin-bottom: 15px;
}
.button--close {
margin-top: 3px;
left: 223px;
width: 34px;
}
.section__subtitle {
margin-bottom: 25px;
}
margin-bottom: 21px;
}
.getPaymentCard {
font-size: 19px;
margin-bottom: 10px;
}
.membership-bolded {
color: var(--color-text);
}