0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-06 22:40:14 -05:00

Revert "Used neutral background colors for default header styles"

This reverts commit 999dc867b6.
This commit is contained in:
Peter Zimon 2021-12-17 04:15:37 +01:00
parent 999dc867b6
commit fb39a0032e
5 changed files with 7 additions and 9 deletions

@ -1 +1 @@
Subproject commit 8ff91f709e5144c2c046e00d8070c8c6adb66aca
Subproject commit 7e9cf5c47850ca9d4c18b3c55d6cb5f1a6a95be5

@ -1 +1 @@
Subproject commit c1e967db720f4641fbc6e0a4dfaeacf1e1699767
Subproject commit ad2a56f7e0d7d8deb25298f820bdf16ac1c2500f

View file

@ -1 +0,0 @@
.kg-button-card{position:static;width:100%;justify-content:center}.kg-button-card,.kg-card-callout,a.kg-btn{display:flex;align-items:center}a.kg-btn{position:static;padding:0 2rem;height:4rem;line-height:4rem;font-size:1.65rem;font-weight:600;text-decoration:none;border-radius:5px;transition:opacity .2s ease-in-out}a.kg-btn:hover{opacity:.85}a.kg-btn-accent{background-color:var(--ghost-accent-color);color:#fff}.kg-card-callout{padding:20px 28px;border-radius:3px}.kg-card-callout-grey{background:rgba(124,139,154,.13)}.kg-card-callout-white{background:0 0;box-shadow:inset 0 0 0 1px rgba(124,139,154,.25)}.kg-card-callout-blue{background:rgba(33,172,232,.12)}.kg-card-callout-green{background:rgba(52,183,67,.12)}.kg-card-callout-yellow{background:rgba(240,165,15,.13)}.kg-card-callout-red{background:rgba(209,46,46,.11)}.kg-card-callout-pink{background:rgba(225,71,174,.11)}.kg-card-callout-purple{background:rgba(135,85,236,.12)}.kg-card-callout-accent{background:var(--ghost-accent-color);color:#fff}.kg-callout-emoji{padding-right:12px;line-height:1.6;font-size:2rem}.kg-nft-card,.kg-nft-card-container{display:flex;flex-direction:column;width:100%}.kg-nft-card{align-items:center}.kg-nft-card-container{position:static;flex:auto;text-decoration:none;font-family:-apple-system,BlinkMacSystemFont,'avenir next',avenir,'helvetica neue',helvetica,ubuntu,roboto,noto,'segoe ui',arial,sans-serif;font-size:1.4rem;font-weight:400;box-shadow:0 2px 6px -2px rgb(0 0 0/10%),0 0 1px rgb(0 0 0/40%);max-width:512px;color:#222;background:#fff;border-radius:5px;transition:none}.kg-nft-card:hover{color:#333;opacity:1;transition:none}.kg-nft-card *{position:static}.kg-nft-metadata{padding:2rem;width:100%}.kg-nft-image{border-radius:5px 5px 0 0;width:100%}.kg-nft-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.kg-nft-header h4.kg-nft-title{font-family:inherit;font-size:1.9rem;font-weight:700;line-height:1.3em;min-width:unset;max-width:unset;margin:0;color:#222}.kg-nft-opensea-logo{margin-top:2px;width:100px;object-fit:scale-down}.kg-nft-card p.kg-nft-description,.kg-nft-creator{font-family:inherit;line-height:1.4em;margin:.4rem 0 0;color:#ababab}.kg-nft-creator span{font-weight:500;color:#222}.kg-nft-card p.kg-nft-description{font-size:1.4rem;margin:2rem 0 0;color:#222}.kg-toggle-card[data-kg-toggle-state=close] .kg-toggle-content{visibility:hidden;opacity:0;height:0;padding:0}.kg-toggle-card[data-kg-toggle-state=close] svg{transform:unset}.kg-toggle-card{border:1px solid rgba(127,127,127,.15);border-radius:4px;padding:20px}.kg-toggle-heading{font-size:2rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:flex-start}.kg-toggle-card-icon{height:24px;width:24px;display:flex;justify-content:center;align-items:center;margin-left:16px}.kg-toggle-heading svg{width:14px;color:rgba(127,127,127,.4);transition:transform .3s;transform:rotate(180deg)}.kg-toggle-content{display:flex;transition:opacity .3s;padding-top:8px}

View file

@ -1 +0,0 @@
const toggleHeadingElements=document.getElementsByClassName("kg-toggle-heading"),toggleFn=function(t){const e=t.target.closest(".kg-toggle-card");"close"===e.getAttribute("data-kg-toggle-state")?e.setAttribute("data-kg-toggle-state","open"):e.setAttribute("data-kg-toggle-state","close")};for(let t=0;t<toggleHeadingElements.length;t++)toggleHeadingElements[t].addEventListener("click",toggleFn,!1);

View file

@ -26,12 +26,12 @@
}
.kg-header-card.kg-style-dark {
background: #151515;
background: #15171a;
color: #ffffff;
}
.kg-header-card.kg-style-light {
background-color: #fafafa;
background-color: #fafafb;
}
.kg-header-card.kg-style-accent {
@ -40,7 +40,7 @@
.kg-header-card.kg-style-image {
position: relative;
background-color: #e7e7e7;
background-color: #e7e7eb;
background-size: cover;
background-position: center;
}
@ -166,7 +166,7 @@
.kg-header-card.kg-style-image a.kg-header-card-button,
.kg-header-card.kg-style-dark a.kg-header-card-button {
background: #fff;
color: #151515;
color: #15171a;
}
.kg-header-card.kg-style-light a.kg-header-card-button {
@ -176,7 +176,7 @@
.kg-header-card.kg-style-accent a.kg-header-card-button {
background: #fff;
color: #151515;
color: #15171a;
}
@media (max-width: 640px) {