Ghost/ghost/admin/app/styles/layouts/tiers.css
Jono M e8e0d84d50
Deleted old Ember settings pages (#18740)
refs https://github.com/TryGhost/Product/issues/4055

---

<!-- Leave the line below if you'd like GitHub Copilot to generate a
summary from your commit -->
<!--
copilot:summary
-->
### <samp>🤖 Generated by Copilot at 3b24693</samp>

Removed unused components related to announcement settings, custom theme
settings, and file upload. These components were part of a deprecated
feature or a legacy UI.
2023-11-06 06:46:31 +00:00

81 lines
1.5 KiB
CSS

.gh-tier-card {
position:relative;
display: flex;
align-items: flex-start;
justify-content: space-between;
}
@media (max-width: 980px) {
.gh-tier-card {
padding: 4vmin 48px;
}
}
.gh-tier-card-price {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: 1.3rem;
color: var(--midgrey);
padding: 12px 8px;
border-radius: 3px;
min-width: 90px;
min-height: 66px;
}
.gh-tier-card-price:first-of-type {
border-right: 1px solid var(--whitegrey);
}
.gh-tier-card-price .currency-symbol,
.gh-tier-card-price .amount,
.gh-tier-card-price .currency,
.gh-tier-card-price .currency-code {
font-weight: 600;
color: var(--darkgrey);
}
.gh-tier-card-price .currency-symbol {
margin-top: -3px;
}
.gh-tier-card-price .amount {
letter-spacing: -.7px;
line-height: 1;
margin-right: 2px;
margin-left: 1px;
font-size: 2.2rem;
}
.gh-tier-card-price .currency {
text-transform: uppercase;
position: relative;
top: 2px;
font-size: 1.4rem;
letter-spacing: 0.4px;
line-height: 1;
}
.gh-tier-card-price .currency-code {
text-transform: uppercase;
position: relative;
top: 0;
font-weight: 600;
line-height: 1;
font-size: 1.25rem;
letter-spacing: -.2px;
}
.gh-tier-card-price .period {
font-size: 1.25rem;
text-transform: lowercase;
line-height: 1.2em;
margin-top: 2px;
}
.tier-actions-menu.fade-out {
animation-duration: 0.01s;
pointer-events: none;
}