2 lines
9.7 KiB
CSS
2 lines
9.7 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:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-serif:Georgia,Times,serif;--font-mono:Menlo,Courier,monospace;--container-gap:clamp(24px,1.7032rem + 1.9355vw,48px);--grid-gap:40px}*,: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.3}body{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:700;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);position:relative}.gh-inner{margin:0 auto;max-width:1280px;width:100%}.gh-navigation{height:100px}.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}}.is-navigation-left-logo .gh-navigation-inner{grid-template-columns:auto 1fr auto}@media (min-width:992px){.is-navigation-left-logo .gh-navigation-menu{margin-left:16px;margin-right:64px}}.is-navigation-middle-logo .gh-navigation-inner{grid-template-columns:1fr auto 1fr}.is-navigation-middle-logo .gh-navigation-brand{grid-column-start:2}.is-navigation-middle-logo .gh-navigation-actions{gap:28px}@media (min-width:992px){.is-navigation-middle-logo .gh-navigation-menu{margin-right:64px}}.is-navigation-stacked.gh-navigation{height:auto;position:relative}.is-navigation-stacked .gh-navigation-inner{grid-template-columns:1fr auto 1fr}.is-navigation-stacked .gh-navigation-brand{display:flex;grid-column-start:2;grid-row-start:1;min-height:80px}@media (min-width:992px){.is-navigation-stacked .gh-navigation-inner{padding:0}.is-navigation-stacked .gh-navigation-brand{align-items:center;display:flex;height:80px}.is-navigation-stacked .gh-navigation-menu{grid-column:1/4;grid-row-start:2;height:56px;justify-content:center;margin:0 48px}.is-navigation-stacked .gh-navigation-menu:after,.is-navigation-stacked .gh-navigation-menu:before{background-color:var(--color-border);content:"";height:1px;left:0;position:absolute;top:80px;width:100%}.is-navigation-stacked .gh-navigation-menu:after{top:136px}.is-navigation-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-navigation-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-navigation-open .gh-burger svg:first-child{display:none}.is-navigation-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-navigation-open#gh-navigation{-webkit-overflow-scrolling:touch;height:100%;inset:0;overflow-y:scroll;position:fixed;z-index:3999999}.is-navigation-open#gh-navigation .gh-navigation-actions,.is-navigation-open#gh-navigation .gh-navigation-menu{opacity:1;position:static;visibility:visible}.is-navigation-open#gh-navigation .nav{display:flex;flex-direction:column}.is-navigation-open#gh-navigation .nav li{opacity:1;transform:translateY(0);transition:transform .2s,opacity .2s}.is-navigation-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-navigation-open#gh-navigation :is(.gh-button,a[data-portal=signin]){opacity:1;transform:translateY(0);transition:transform .4s,opacity .4s;transition-delay:.2s}.is-navigation-open#gh-navigation a[data-portal=signin]{transition-delay:.4s}.is-navigation-open#gh-main{opacity:0}}.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-meta{display:flex;flex-wrap:wrap;gap:4px}.gh-card-author+.gh-card-date:before{content:"—";margin-right:4px}.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}.gh-header.is-magazine .gh-header-right{grid-column:13/-1}.gh-header.is-magazine .gh-header-inner>div .gh-card-excerpt{display:none}.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:not(:first-child) .gh-card-excerpt{display:none}.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-excerpt{display:none}.gh-container-inner{display:grid;gap:var(--grid-gap);grid-template-columns:repeat(16,1fr)}.gh-container.has-sidebar .gh-main{grid-column:1/span 12}.gh-container.has-sidebar .gh-sidebar{grid-column:13/-1}.gh-container:not(.has-sidebar) .gh-main{grid-column:3/span 12}.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{display:flex;gap:24px}.gh-container.is-list .gh-card-image{flex-shrink:0;width:240px}.gh-container.is-grid .gh-feed{display:grid;grid-template-columns:repeat(3,1fr)}.gh-container.is-list.no-image .gh-card-image{display:none}
|
|
/*# sourceMappingURL=screen.css.map */ |