Sidebar
This commit is contained in:
Sodbileg Gansukh committed
1 parent
0e63d043c2
commit
490b1edddc
5 files changed
+59
-14
No files matched your search
@@ -1,2 +1,2 @@
|
||||
: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;--gap:clamp(24px,1.7032rem + 1.9355vw,48px)}*,: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:200Line truncated
|
||||
: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;vLine truncated
|
||||
/*# sourceMappingURL=screen.css.map */
|
||||
@@ -1 +1 @@
|
||||
{"version":3,"sources":["screen.css"],"names":[],"mappings":"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","file":"screen.css","sourcesContent":["/* 1. Variables */\n\n:root {\n --color-white: #fff;\n --color-lighter-gray: #f6f6f6;\n --color-light-gray: #e6e6e6;\n --color-mid-gray: #ccc;\n --color-dark-gray: #444;\n --color-darker-gray: #15171a;\n --color-black: #000;\n --color-primary-text: var(--color-darker-gray);\n --color-secondary-text: rgba(0, 0, 0, 0.4);\n --color-border: rgba(0, 0, 0, 0.08);\n --font-sans: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n --font-serif: Georgia, Times, serif;\n --font-mono: Menlo, Courier, monospace;\n --gap: clamp(24px, 1.7032rem + 1.9355vw, 48px);\n}\n\n/* 2. Resets */\n\n*, *::before, *::after {\n box-sizing: border-box;\n}\n\n* {\n margin: 0;\n}\n\nhtml {\n font-size: 62.5%;\n}\n\nbody {\n line-height: 1.6;\Line truncated
|
||||
{"version":3,"sources":["screen.css"],"names":[],"mappings":"AAEA,MACI,kBAAmB,CACnB,4BAA6B,CAC7B,0BAA2B,CAC3B,qBAAsB,CACtB,sBAAuB,CACvB,2BAA4B,CAC5B,kBAAmB,CACnB,6CAA8C,CAC9C,qCAA0C,CAC1C,8BAAmC,CACnC,mJAA8J,CAC9J,gCAAmC,CACnC,mCAAsC,CACtC,qDAAwD,CACxD,eACJ,CAIA,iBACI,qBACJ,CAEA,EACI,QACJ,CAEA,KACI,eACJ,CAEA,KAEI,kCAAmC,CACnC,iCAAkC,CAFlC,eAGJ,CAEA,6BACI,aAAc,CACd,WAAY,CACZ,cACJ,CAEA,OACI,aACJ,CAEA,6BACI,YACJ,CAEA,oBACI,wBACJ,CAEA,kBACI,eACJ,CAIA,KACI,4BAA6B,CAC7B,gBACJ,CAEA,EACI,8BAA+B,CAC/B,oBACJ,CAEA,QACI,UACJ,CAEA,WAGI,kBAAmB,CASnB,0CAA2C,CAC3C,QAAS,CACT,mBAAoB,CALpB,wBAAyB,CAEzB,cAAe,CAVf,mBAAoB,CAKpB,gBAAiB,CACjB,eAAgB,CALhB,QAAU,CAEV,sBAAuB,CAMvB,sBAAuB,CAFvB,aAAc,CAHd,oBAUJ,CAEA,iBACI,WACJ,CAEA,gBAEI,kBAAmB,CAOnB,4BAA6B,CAC7B,QAAS,CAHT,8BAA+B,CAC/B,cAAe,CAPf,mBAAoB,CAIpB,WAAY,CAFZ,sBAAuB,CAQvB,YAAa,CALb,SAAU,CAFV,UAQJ,CAEA,0BACI,UACJ,CAEA,oBAEI,WAAY,CADZ,UAEJ,CAIA,aAEI,YAAa,CACb,qBAAsB,CACtB,gBAAiB,CAHjB,iBAIJ,CAEA,YACI,WACJ,CAEA,UAEI,yBAA2B,CAD3B,iBAEJ,CAEA,UACI,aAAc,CACd,gBAAiB,CACjB,UACJ,CAIA,eACI,YACJ,CAEA,qBAII,kBAAmB,CADnB,oBAAgB,CAAhB,eAAgB,CAFhB,YAAa,CACb,wBAAyB,CAGzB,WACJ,CAEA,qBACI,aACJ,CAEA,oBAEI,gBAAiB,CACjB,eAAgB,CAChB,sBAAwB,CAHxB,iBAAkB,CAIlB,kBACJ,CAEA,wBACI,eACJ,CAEA,iEAEI,gBAAiB,CACjB,eACJ,CAEA,oBAGI,kBAAmB,CAFnB,YAAa,CACb,QAEJ,CAEA,oBAGI,kBAAmB,CAFnB,mBAAoB,CACpB,QAAS,CAKT,eAAgB,CAFhB,QAAS,CADT,SAAU,CAEV,kBAEJ,CAEA,+BAGI,iBAAkB,CADlB,aAAc,CADd,iBAAkB,CAGlB,sBACJ,CAEA,mCAEI,WAAY,CADZ,UAEJ,CAEA,uBAGI,kBAAmB,CAFnB,YAAa,CACb,QAAS,CAET,wBACJ,CAEA,uBAGI,kBAAmB,CAFnB,YAAa,CACb,QAAS,CAET,kBACJ,CAEA,kCACI,iBAAkB,CAClB,eACJ,CAEA,WAEI,gBAAiB,CADjB,iBAEJ,CAEA,gCACI,gBACJ,CAEA,yBACI,uBACI,6BAA8B,CAC9B,QAAS,CACT,UACJ,CAEA,kCACI,YACJ,CACJ,CAEA,yBACI,gCACI,YACJ,CAEA,oEACI,SACJ,CACJ,CAUA,8CACI,mCACJ,CAEA,yBACI,6CAEI,gBAAiB,CADjB,iBAEJ,CACJ,CAQA,gDACI,kCACJ,CAEA,gDACI,mBACJ,CAEA,kDACI,QACJ,CAEA,yBACI,+CACI,iBACJ,CACJ,CASA,qCAEI,WAAY,CADZ,iBAEJ,CAEA,4CACI,kCACJ,CAEA,4CACI,YAAa,CAEb,mBAAoB,CADpB,gBAAiB,CAEjB,eACJ,CAEA,yBACI,4CACI,SACJ,CAEA,4CAEI,kBAAmB,CADnB,YAAa,CAEb,WACJ,CAEA,2CAEI,eAAkB,CADlB,gBAAiB,CAGjB,WAAY,CADZ,sBAAuB,CAEvB,aACJ,CAEA,mGAQI,oCAAqC,CADrC,UAAW,CADX,UAAW,CAFX,MAAO,CAFP,iBAAkB,CAClB,QAAS,CAET,UAIJ,CAEA,iDACI,SACJ,CAEA,8CAEI,eAAkB,CADlB,gBAAiB,CAEjB,6BACJ,CACJ,CAIA,aAUI,qBAAsB,CACtB,iBAAkB,CAClB,oEAA8E,CAL9E,eAAgB,CAMhB,SAAU,CAPV,cAAe,CALf,iBAAkB,CAElB,WAAY,CAKZ,eAAgB,CANhB,QAAS,CAaT,8BAAiC,CADjC,oCAAwC,CALxC,iBAAkB,CAJlB,WAAY,CADZ,UAYJ,CAEA,wCAEI,UAAW,CADX,UAEJ,CAEA,+BAII,oBAAgB,CAAhB,eAAgB,CAHhB,YAAa,CAEb,qBAAsB,CADtB,6BAA8B,CAI9B,iBAAkB,CADlB,UAEJ,CAEA,+BAEI,SAAU,CACV,uBAAwB,CAFxB,kBAGJ,CAEA,kBAGI,uBAAyB,CAFzB,aAAc,CACd,gBAEJ,CAEA,oCACI,aACJ,CAIA,WAGI,kBAAmB,CAFnB,YAAa,CAIb,YAAa,CAHb,sBAAuB,CAIvB,iBAAkB,CAFlB,iBAGJ,CAEA,eAEI,WAAY,CADZ,UAEJ,CAMA,yEACI,YACJ,CAEA,8CACI,aACJ,CAEA,yBACI,WACI,YACJ,CAMA,eACI,WACJ,CAEA,oCAGI,QAAS,CADT,yBAA0B,CAD1B,gCAGJ,CAEA,oCAII,kBAAmB,CAHnB,YAAa,CAEb,mBAAoB,CADpB,mCAAoC,CAGpC,WACJ,CAEA,mCACI,gBACJ,CAEA,yEAGI,sBAAuB,CAEvB,SAAU,CAHV,cAAe,CAEf,iBAEJ,CAEA,mCAEI,uBAAwB,CADxB,eAEJ,CAEA,oBAEI,kBAAmB,CADnB,QAAS,CAET,eACJ,CAEA,sBACI,gBAAiB,CACjB,eAAgB,CAChB,mBACJ,CAEA,uBACI,SAAU,CACV,0BACJ,CAEA,sCACI,iBACJ,CA3DJ,CAIA,yBAyDI,qDACI,SAAU,CACV,yBACJ,CAEA,0BAEI,gBAAiB,CACjB,mBAAoB,CAFpB,UAGJ,CAEA,qCACI,cACJ,CAEA,SACI,sBACJ,CAEA,kCAMI,gCAAiC,CAFjC,WAAY,CAFZ,OAAQ,CAGR,iBAAkB,CAJlB,cAAe,CAEf,eAIJ,CAEA,+GAII,SAAU,CAFV,eAAgB,CAChB,kBAEJ,CAEA,uCACI,YAAa,CACb,qBACJ,CAEA,0CACI,SAAU,CAEV,uBAAwB,CADxB,oCAEJ,CAEA,yDAQI,kBAAmB,CAEnB,mCAAoC,CAPpC,QAAS,CAET,mBAAoB,CACpB,qBAAsB,CACtB,QAAS,CAHT,MAAO,CAKP,+DAAgE,CARhE,eAAgB,CAChB,OASJ,CAEA,wEACI,SAAU,CAGV,uBAAwB,CAFxB,oCAAwC,CACxC,oBAEJ,CAEA,wDACI,oBACJ,CAEA,4BACI,SACJ,CACJ,CAIA,oBACI,SACJ,CAEA,eAEI,iBAAoB,CADpB,iBAEJ,CAEA,mBAII,WAAY,CAFZ,OAAQ,CAGR,mBAAiB,CAAjB,gBAAiB,CAJjB,iBAAkB,CAElB,UAGJ,CAMA,wCACI,YAAa,CAEb,mBAAoB,CADpB,iCAEJ,CAEA,4CACI,YAAa,CACb,qBAAsB,CACtB,mBAAoB,CACpB,UACJ,CAEA,uCACI,aACJ,CAEA,iDACI,aACJ,CAEA,wCACI,aACJ,CAEA,6DACI,YACJ,CAIA,yCACI,YAAa,CAEb,mBAAoB,CADpB,6BAEJ,CAEA,6CACI,eACJ,CAEA,oEACI,YACJ,CAIA,oBACI,YAAa,CAEb,mBAAoB,CADpB,oCAEJ,CAIA,mCACI,qBACJ,CAEA,sCACI,iBACJ,CAIA,yCACI,qBACJ,CAIA,uBACI,mBACJ,CAIA,+BACI,YAAa,CACb,qBACJ,CAEA,oCACI,YACJ,CAEA,qCACI,aAAc,CACd,WACJ,CAIA,+BACI,YAAa,CACb,mCACJ","file":"screen.css","sourcesContent":["/* 1. Variables */\n\n:root {\n --color-white: #fff;\n --color-lighter-gray: #f6f6f6;\n --color-light-gray: #e6e6e6;\n --color-mid-gray: #ccc;\n --color-dark-gray: #444;\n --color-darker-gray: #15171a;\n --color-black: #000;\n --color-primary-text: var(--color-darker-gray);\n --color-secondary-text: rgba(0, 0, 0, 0.4);\n --color-border: rgba(0, 0, 0, 0.08);\n --font-sans: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n --font-serif: Georgia, Times, serif;\n --font-mono: Menlo, Courier, monospace;\n --container-gap: clamp(24px, 1.7032rem + 1.9355vw, 48px);\n --grid-gap: 40px;\n}\n\n/* 2. Resets */\n\n*, *::before, *::afterLine truncated
|
||||
+30
-11
@@ -14,7 +14,8 @@
|
||||
--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;
|
||||
--gap: clamp(24px, 1.7032rem + 1.9355vw, 48px);
|
||||
--container-gap: clamp(24px, 1.7032rem + 1.9355vw, 48px);
|
||||
--grid-gap: 40px;
|
||||
}
|
||||
|
||||
/* 2. Resets */
|
||||
@@ -562,7 +563,7 @@ Search LOGO Login Subscribe
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
align-items: center;
|
||||
padding: var(--gap) 0 calc(var(--gap) + 8px);
|
||||
padding: var(--container-gap) 0 calc(var(--container-gap) + 8px);
|
||||
background-color: var(--color-white);
|
||||
}
|
||||
|
||||
@@ -603,22 +604,18 @@ Search LOGO Login Subscribe
|
||||
|
||||
/* 6. Header */
|
||||
|
||||
.gh-header {
|
||||
--gap: 40px;
|
||||
}
|
||||
|
||||
/* 6.1. Magazine layout */
|
||||
|
||||
.gh-header.is-magazine .gh-header-inner {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 2fr 1fr;
|
||||
gap: var(--gap);
|
||||
gap: var(--grid-gap);
|
||||
}
|
||||
|
||||
.gh-header.is-magazine .gh-header-inner > div {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--gap);
|
||||
gap: var(--grid-gap);
|
||||
grid-row: 1;
|
||||
}
|
||||
|
||||
@@ -643,7 +640,7 @@ Search LOGO Login Subscribe
|
||||
.gh-header.is-highlight .gh-header-inner {
|
||||
display: grid;
|
||||
grid-template-columns: 3fr 1fr;
|
||||
gap: var(--gap);
|
||||
gap: var(--grid-gap);
|
||||
}
|
||||
|
||||
.gh-header.is-highlight .gh-card:first-child {
|
||||
@@ -656,19 +653,41 @@ Search LOGO Login Subscribe
|
||||
|
||||
/* 7. Container */
|
||||
|
||||
.gh-container:not(.has-sidebar) .gh-container-inner {
|
||||
.gh-container-inner {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(16, 1fr);
|
||||
gap: var(--grid-gap);
|
||||
}
|
||||
|
||||
.gh-container:not(.has-sidebar) .gh-container-inner .gh-main {
|
||||
/* 7.1. With sidebar */
|
||||
|
||||
.gh-container.has-sidebar .gh-main {
|
||||
grid-column: 1 / span 12;
|
||||
}
|
||||
|
||||
.gh-container.has-sidebar .gh-sidebar {
|
||||
grid-column: 13 / -1;
|
||||
}
|
||||
|
||||
/* 7.2. Without sidebar */
|
||||
|
||||
.gh-container:not(.has-sidebar) .gh-main {
|
||||
grid-column: 3 / span 12;
|
||||
}
|
||||
|
||||
/* 8. Post list */
|
||||
|
||||
.gh-container .gh-feed {
|
||||
gap: var(--grid-gap);
|
||||
}
|
||||
|
||||
/* 8.1. List style */
|
||||
|
||||
.gh-container.is-list .gh-feed {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.gh-container.is-list .gh-card-link {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
@@ -113,6 +113,11 @@
|
||||
],
|
||||
"default": "List",
|
||||
"group": "homepage"
|
||||
},
|
||||
"show_sidebar": {
|
||||
"type": "boolean",
|
||||
"default": true,
|
||||
"group": "homepage"
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
<section class="gh-container is-{{#match @custom.post_list_style "List"}}list{{else}}grid{{/match}} gh-outer">
|
||||
<section class="gh-container is-{{#match @custom.post_list_style "List"}}list{{else}}grid{{/match}}{{#if @custom.show_sidebar}} has-sidebar{{/if}} gh-outer">
|
||||
<div class="gh-container-inner gh-inner">
|
||||
|
||||
<main class="gh-main">
|
||||
<h2 class="gh-feed-title">Latest</h2>
|
||||
<div class="gh-feed">
|
||||
@@ -8,5 +9,25 @@
|
||||
{{/foreach}}
|
||||
</div>
|
||||
</main>
|
||||
|
||||
{{#if @custom.show_sidebar}}
|
||||
<aside class="gh-sidebar">
|
||||
<section class="gh-about">
|
||||
{{#if @site.icon}}
|
||||
<img class="gh-about-icon" src="{{@site.icon}}" alt="{{@site.title}}">
|
||||
{{/if}}
|
||||
<h3 class="gh-about-title">{{@site.title}}</h3>
|
||||
{{#if @site.description}}
|
||||
<p class="gh-about-description">{{@site.description}}</p>
|
||||
{{/if}}
|
||||
{{#if @site.members_enabled}}
|
||||
{{#unless @member}}
|
||||
<button>Subscribe</button>
|
||||
{{/unless}}
|
||||
{{/if}}
|
||||
</section>
|
||||
</aside>
|
||||
{{/if}}
|
||||
|
||||
</div>
|
||||
</section>
|
||||
Reference in new issue
Block a user