ghost-theme-sd.ai/assets/built/screen.css
2023-07-12 18:50:08 +08:00

2 lines
17 KiB
CSS

:root{--color-white:#fff;--color-lighter-gray:#f6f6f6;--color-light-gray:#e6e6e6;--color-mid-gray:#ccc;--color-dark-gray:#444;--color-darker-gray:#15171a;--color-black:#000;--color-primary-text:var(--color-darker-gray);--color-secondary-text:rgba(0,0,0,.4);--color-border:rgba(0,0,0,.08);--font-sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-serif:EB Garamond,Georgia,Times,serif;--font-slab:Roboto Slab;--font-mono:Menlo,Courier,monospace;--container-gap:clamp(24px,1.7032rem + 1.9355vw,48px);--grid-gap:40px}:root.has-light-text{--color-lighter-gray:rgba(0,0,0,.1);--color-darker-gray:#fff;--color-secondary-text:hsla(0,0%,100%,.64);--color-border:hsla(0,0%,100%,.2)}*,:after,:before{box-sizing:border-box}*{margin:0}html{font-size:62.5%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}canvas,img,picture,svg,video{display:block;height:auto;max-width:100%}iframe{display:block}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{line-height:1.2}body{background-color:var(--background-color);color:var(--color-primary-text);font-family:var(--font-sans);font-size:1.6rem}a{color:var(--color-darker-gray);text-decoration:none}a:hover{opacity:.8}.gh-button{align-items:center;background-color:var(--ghost-accent-color);border:0;border-radius:100px;color:var(--color-white);cursor:pointer;display:inline-flex;font-size:1.6rem;font-weight:600;gap:.4em;justify-content:center;letter-spacing:inherit;line-height:1;padding:.75em 1.15em}.gh-button:hover{opacity:.95}.gh-icon-button{align-items:center;background-color:transparent;border:0;color:var(--color-darker-gray);cursor:pointer;display:inline-flex;height:32px;justify-content:center;outline:none;padding:0;width:32px}.gh-icon-button:hover svg{opacity:.8}.gh-icon-button svg{height:20px;width:20px}.gh-viewport{display:flex;flex-direction:column;min-height:100vh;position:relative}.gh-content{flex-grow:1}.gh-outer{padding:0 max(4vmin,20px)}.gh-inner{margin:0 auto;max-width:1280px;width:100%}.has-sans-title [data-title]{font-family:var(--font-sans)}.has-serif-title [data-title]{font-family:var(--font-serif)}.has-slab-title [data-title]{font-family:var(--font-slab)}.has-sans-body [data-body]{font-family:var(--font-sans)}.has-serif-body [data-body]{font-family:Georgia}.gh-navigation{color:var(--color-darker-gray);height:100px}.gh-navigation :is(.gh-navigation-logo,a:not(.gh-button),.gh-icon-button){color:inherit}.gh-navigation-inner{align-items:center;-moz-column-gap:24px;column-gap:24px;display:grid;grid-auto-flow:row dense;height:100%}.gh-navigation-brand{line-height:1}.gh-navigation-logo{font-size:2.6rem;font-weight:700;letter-spacing:-.015em;position:relative;white-space:nowrap}.gh-navigation-logo img{max-height:40px}.gh-navigation-members a[data-portal=signin],.gh-navigation-menu{font-size:1.6rem;font-weight:500}.gh-navigation-menu{align-items:center;display:flex;gap:24px}.gh-navigation .nav{align-items:center;display:inline-flex;gap:24px;list-style:none;margin:0;padding:0;white-space:nowrap}.gh-navigation .gh-more-toggle{font-size:inherit;margin:0 -6px;position:relative;text-transform:inherit}.gh-navigation .gh-more-toggle svg{height:24px;width:24px}.gh-navigation-actions{align-items:center;display:flex;gap:24px;justify-content:flex-end}.gh-navigation-members{align-items:center;display:flex;gap:20px;white-space:nowrap}.gh-navigation-members .gh-button{font-size:inherit;font-weight:600}.gh-search{margin-left:-6px;margin-right:-6px}.gh-navigation-brand .gh-search{margin-right:2px}@media (max-width:767px){.gh-navigation-members{flex-direction:column-reverse;gap:16px;width:100%}.gh-navigation-actions .gh-search{display:none}}@media (min-width:768px){.gh-navigation-brand .gh-search{display:none}.gh-navigation:not(.is-dropdown-loaded) .gh-navigation-menu .nav>li{opacity:0}}.gh-navigation.has-accent-color{background-color:var(--ghost-accent-color);color:#fff}.gh-navigation.has-accent-color .gh-button{background-color:#fff;color:#15171a}.is-left-logo .gh-navigation-inner{grid-template-columns:auto 1fr auto}@media (min-width:992px){.is-left-logo .gh-navigation-menu{margin-left:16px;margin-right:64px}}.is-middle-logo .gh-navigation-inner{grid-template-columns:1fr auto 1fr}.is-middle-logo .gh-navigation-brand{grid-column-start:2}.is-middle-logo .gh-navigation-actions{gap:28px}@media (min-width:992px){.is-middle-logo .gh-navigation-menu{margin-right:64px}}.is-stacked.gh-navigation{height:auto;position:relative}.is-stacked .gh-navigation-inner{grid-template-columns:1fr auto 1fr}.is-stacked .gh-navigation-brand{display:flex;grid-column-start:2;grid-row-start:1;min-height:80px}@media (min-width:992px){.is-stacked .gh-navigation-inner{padding:0}.is-stacked .gh-navigation-brand{align-items:center;display:flex;height:80px}.is-stacked .gh-navigation-menu{grid-column:1/4;grid-row-start:2;height:56px;justify-content:center;margin:0 48px}.is-stacked .gh-navigation-menu:after,.is-stacked .gh-navigation-menu:before{background-color:var(--color-border);content:"";height:1px;left:0;position:absolute;top:80px;width:100%}.is-stacked .gh-navigation-menu:after{top:136px}.is-stacked .gh-navigation-actions{grid-column:1/4;grid-row-start:1;justify-content:space-between}}.gh-dropdown{background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(0,0,0,.04),0 7px 20px -5px rgba(0,0,0,.15);margin-top:24px;opacity:0;padding:12px 0;position:absolute;right:-16px;text-align:left;top:100%;transform:translate3d(0,6px,0);transition:opacity .3s,transform .2s;visibility:hidden;width:200px;z-index:90}.is-middle-logo .gh-dropdown{left:-24px;right:auto}.is-dropdown-mega .gh-dropdown{-moz-column-gap:40px;column-gap:40px;display:grid;grid-auto-flow:column;grid-template-columns:1fr 1fr;padding:20px 32px;width:auto}.is-dropdown-open .gh-dropdown{opacity:1;transform:translateY(0);visibility:visible}.gh-dropdown li a{color:#15171a!important;display:block;padding:6px 20px}.is-dropdown-mega .gh-dropdown li a{padding:8px 0}.gh-burger{align-items:center;display:flex;display:none;justify-content:center;margin-right:-7px;position:relative}.gh-burger svg{height:24px;width:24px}.gh-burger svg:last-child,.is-open .gh-burger svg:first-child{display:none}.is-open .gh-burger svg:last-child{display:block}@media (max-width:767px){.gh-burger{display:flex}#gh-navigation{height:64px}#gh-navigation .gh-navigation-inner{gap:48px;grid-template-columns:1fr;grid-template-rows:auto 1fr auto}#gh-navigation .gh-navigation-brand{align-items:center;display:grid;grid-column-start:1;grid-template-columns:1fr auto auto;height:64px}#gh-navigation .gh-navigation-logo{font-size:2.2rem}#gh-navigation .gh-navigation-actions,#gh-navigation .gh-navigation-menu{justify-content:center;opacity:0;position:fixed;visibility:hidden}#gh-navigation .gh-navigation-menu{transform:translateY(0);transition:none}#gh-navigation .nav{align-items:center;gap:20px;line-height:1.4}#gh-navigation .nav a{font-size:2.6rem;font-weight:600;text-transform:none}#gh-navigation .nav li{opacity:0;transform:translateY(-4px)}#gh-navigation .gh-navigation-actions{text-align:center}}@media (max-width:767px){#gh-navigation :is(.gh-button,a[data-portal=signin]){opacity:0;transform:translateY(8px)}#gh-navigation .gh-button{font-size:1.8rem;text-transform:none;width:100%}#gh-navigation a[data-portal=signin]{font-size:2rem}#gh-main{transition:opacity .4s}.is-open#gh-navigation{-webkit-overflow-scrolling:touch;height:100%;inset:0;overflow-y:scroll;position:fixed;z-index:3999999}.is-open#gh-navigation .gh-navigation-actions,.is-open#gh-navigation .gh-navigation-menu{opacity:1;position:static;visibility:visible}.is-open#gh-navigation .nav{display:flex;flex-direction:column}.is-open#gh-navigation .nav li{opacity:1;transform:translateY(0);transition:transform .2s,opacity .2s}.is-open#gh-navigation .gh-navigation-actions{align-items:center;background-color:var(--color-white);bottom:0;display:inline-flex;flex-direction:column;gap:12px;left:0;padding:var(--container-gap) 0 calc(var(--container-gap) + 8px);position:sticky;right:0}.is-open#gh-navigation :is(.gh-button,a[data-portal=signin]){opacity:1;transform:translateY(0);transition:transform .4s,opacity .4s;transition-delay:.2s}.is-open#gh-navigation a[data-portal=signin]{transition-delay:.4s}.is-open#gh-main{opacity:0}}.gh-card{position:relative}.gh-card-link{display:flex;flex-direction:column;gap:16px}.gh-card-link:hover{opacity:1}.gh-card-image{aspect-ratio:16/9;flex-shrink:0;position:relative}.gh-card-image img{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.gh-card-wrapper{flex-grow:1}.gh-card-tag{display:none;font-size:1.2rem;font-weight:500;letter-spacing:.01em;margin-bottom:4px;text-transform:uppercase}.gh-card-title{font-size:2rem;letter-spacing:-.017em}.gh-card-excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-size:1.5rem;line-height:1.45;margin-top:8px;max-width:720px;overflow-y:hidden}.gh-card-meta{color:var(--color-secondary-text);display:flex;flex-wrap:wrap;font-size:1.3rem;font-weight:500;gap:4px;letter-spacing:-.0025em}.gh-card-meta:not(:empty){margin-top:8px}.gh-card-author+.gh-card-date:before{content:"—";margin-right:4px}.gh-header{margin-top:40px;position:relative}.gh-header-image{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.gh-header-inner{position:relative}.gh-header.is-magazine .gh-header-inner{display:grid;gap:var(--grid-gap);grid-template-columns:repeat(16,1fr)}.gh-header.is-magazine .gh-header-inner>div{display:flex;flex-direction:column;gap:var(--grid-gap);grid-row:1}.gh-header.is-magazine .gh-header-left{grid-column:1/span 4}.gh-header.is-magazine .gh-header-inner>.gh-card{grid-column:5/span 8;position:relative}.gh-header.is-magazine .gh-header-right{grid-column:13/-1}.gh-header.is-magazine .gh-header-inner>.gh-card .gh-card-link{gap:20px}.gh-header.is-magazine .gh-header-inner>.gh-card .gh-card-tag{display:block;margin-bottom:8px}.gh-header.is-magazine .gh-header-inner>.gh-card .gh-card-title{font-size:clamp(2rem,2.73vw + .91rem,4.4rem);letter-spacing:-.022em;line-height:1.05}.gh-header.is-magazine .gh-header-inner>.gh-card .gh-card-excerpt{font-size:1.7rem;margin-top:10px}.gh-header.is-magazine .gh-header-inner>.gh-card .gh-card-meta:not(:empty){margin-top:10px}.gh-header.is-magazine :is(.gh-header-left,.gh-header-right) .gh-card:last-child .gh-card-image{display:none}.gh-header.is-magazine .gh-header-inner>div .gh-card-excerpt{display:none}.gh-header.is-magazine .gh-header-inner>.gh-card:after,.gh-header.is-magazine .gh-header-inner>.gh-card:before{background-color:var(--color-border);content:"";height:100%;left:calc(var(--grid-gap)/-2);position:absolute;top:0;width:1px}.gh-header.is-magazine .gh-header-inner>.gh-card:after{left:auto;right:calc(var(--grid-gap)/-2)}.gh-header.is-magazine .gh-header-inner>div .gh-card+.gh-card:before{background-color:var(--color-border);content:"";height:1px;left:0;position:absolute;top:calc(var(--grid-gap)/-2);width:100%}.gh-header.is-highlight .gh-header-inner{display:grid;gap:var(--grid-gap);grid-template-columns:3fr 1fr}.gh-header.is-highlight .gh-card:first-child{grid-row:span 3}.gh-header.is-highlight .gh-card:first-child .gh-card-link{gap:20px}.gh-header.is-highlight .gh-card:first-child .gh-card-image{aspect-ratio:16/10}.gh-header.is-highlight .gh-card:first-child .gh-card-tag{display:block;margin-bottom:8px}.gh-header.is-highlight .gh-card:first-child .gh-card-title{font-size:clamp(2rem,3.64vw + .55rem,5.2rem);letter-spacing:-.022em;line-height:1.05}.gh-header.is-highlight .gh-card:first-child .gh-card-meta:not(:empty){margin-top:14px}.gh-header.is-highlight .gh-card:not(:first-child) .gh-card-excerpt{display:none}.gh-header.is-highlight .gh-card:first-child:after{background-color:var(--color-border);content:"";height:100%;position:absolute;right:calc(var(--grid-gap)/-2);top:0;width:1px}.gh-header.is-highlight .gh-card:not(:first-child)+.gh-card:before{background-color:var(--color-border);content:"";height:1px;left:0;position:absolute;top:calc(var(--grid-gap)/-2);width:100%}.gh-header.is-classic{display:flex;min-height:calc(100vh - 340px)}.gh-header.is-classic .gh-header-inner{align-items:center;display:flex;flex-direction:column;gap:48px;margin:auto;max-width:960px;text-align:center}.gh-header.is-classic.has-image .gh-header-inner{color:#fff}.gh-header.is-classic .gh-header-title{font-size:clamp(3.2rem,3.18vw + 1.93rem,6rem);letter-spacing:-.022em;line-height:1.1}.gh-header.is-classic .gh-header-form{align-items:center;background-color:var(--color-lighter-gray);border-radius:40px;display:flex;font-size:1.8rem;height:64px;letter-spacing:-.014em;max-width:640px;position:relative;width:100%}.gh-header.is-classic .gh-header-input{background-color:transparent;border:0;font-size:inherit;height:100%;letter-spacing:inherit;padding-inline:24px;width:100%}.gh-header.is-classic button.gh-header-input{-webkit-padding-start:32px;color:var(--color-secondary-text);padding-inline-start:32px;text-align:left}.gh-header.is-classic .gh-button{font-size:inherit;font-weight:600;height:52px;padding-inline:40px;position:absolute;right:6px}.gh-header.is-classic svg{color:var(--color-secondary-text);height:24px;left:20px;position:relative;width:24px}.gh-featured{margin-top:64px}.gh-featured-title{border-bottom:1px solid var(--color-border);font-size:1.2rem;font-weight:500;letter-spacing:.01em;margin-bottom:20px;padding-bottom:12px;text-transform:uppercase}.gh-featured-feed{display:grid;gap:var(--grid-gap);grid-template-columns:repeat(4,1fr)}.gh-featured-feed .gh-card-link{align-items:flex-start;display:flex;flex-direction:row-reverse}.gh-featured-feed .gh-card-image{aspect-ratio:1;width:80px}.gh-featured-feed .gh-card-title{font-size:1.8rem;letter-spacing:-.011em}.gh-featured-feed .gh-card-excerpt{display:none}.gh-featured-feed .gh-card-meta:not(:empty){flex-direction:column;gap:0;margin-top:6px}.gh-featured-feed .gh-card-date:before{display:none}.gh-featured-feed .gh-card+.gh-card:before{background-color:var(--color-border);content:"";height:100%;left:calc(var(--grid-gap)/-2);position:absolute;top:0;width:1px}.gh-container{margin-top:64px}.gh-container-inner{-moz-column-gap:var(--grid-gap);column-gap:var(--grid-gap);display:grid;grid-template-columns:repeat(16,1fr)}.gh-container.has-sidebar .gh-main{grid-column:1/span 12;position:relative}.gh-container.has-sidebar .gh-sidebar{grid-column:13/-1}.gh-container.has-sidebar .gh-main:after{background-color:var(--color-border);content:"";height:100%;position:absolute;right:calc(var(--grid-gap)/-2);top:0;width:1px}.gh-container:not(.has-sidebar) .gh-main{grid-column:3/span 12}.gh-container-title{border-bottom:1px solid var(--color-border);font-size:1.2rem;font-weight:500;grid-column:1/-1;letter-spacing:.01em;margin-bottom:20px;padding-bottom:12px;text-transform:uppercase}.gh-container .gh-feed{gap:var(--grid-gap)}.gh-container.is-list .gh-feed{display:flex;flex-direction:column}.gh-container.is-list .gh-card-link{align-items:flex-start;flex-direction:row;gap:24px}.gh-container.is-list .gh-card-image{flex-shrink:0;width:240px}.gh-container.is-list .gh-card-wrapper{max-width:600px}.gh-container.is-list .gh-card+.gh-card:before{background-color:var(--color-border);content:"";height:1px;left:0;position:absolute;top:calc(var(--grid-gap)/-2);width:100%}.gh-container.is-grid .gh-feed{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden}.gh-container.is-grid .gh-card:before{height:1px;right:calc(var(--grid-gap)/-2);top:calc(var(--grid-gap)/-2)}.gh-container.is-grid .gh-card:after,.gh-container.is-grid .gh-card:before{background-color:var(--color-border);content:"";left:calc(var(--grid-gap)/-2);position:absolute}.gh-container.is-grid .gh-card:after{height:100%;top:0;width:1px}.gh-container.is-list.no-image .gh-card-image{display:none}.gh-about{align-items:center;background-color:var(--color-lighter-gray);display:flex;flex-direction:column;padding:48px 24px;text-align:center}.gh-about-icon{height:80px;margin-bottom:24px;width:80px}.gh-about-title{font-size:2.4rem;letter-spacing:-.019em}.gh-about-description{font-size:1.4rem;line-height:1.4;margin-top:12px}.gh-about .gh-button{margin-top:24px}.gh-footer{color:var(--color-darker-gray);margin-top:80px}.gh-footer a:not(.gh-button){color:inherit}.gh-footer.has-accent-color{background-color:var(--ghost-accent-color);color:#fff}.gh-footer.has-accent-color .gh-button{background-color:#fff;color:#15171a}.gh-footer-bar{border-block:1px solid var(--color-border);display:grid;grid-template-columns:1fr auto 1fr;padding-block:40px}.gh-footer-menu .nav{display:flex;gap:24px;list-style-type:none}.gh-footer-copyright{text-align:right}.gh-footer-signup{align-items:center;display:flex;flex-direction:column;padding-block:100px}
/*# sourceMappingURL=screen.css.map */