-
Notifications
You must be signed in to change notification settings - Fork 0
/
design
3 lines (3 loc) · 20.1 KB
/
design
1
2
3
/*!*********************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/styles/main.scss ***!
\*********************************************************************************************************************************************************/.theme-light{--bg:#fff;--navbar-bg:hsla(0,0%,100%,.7);--cta-bg:#000;--cta-hover-bg:#2e2e2e;--accent-bg:#ededef;--pill-bg:rgba(0,0,0,.06);--border:#d5d5d5;--cta-color:#fff;--navbar-color:#303030;--text-color:rgba(30,28,28,.7);--heading-color:#000;--gallery-heading-color:#fff;--code-block-bg:rgba(131,105,211,.08);--code-inline-bg:#e0e7ff;--code-inline-border:#a5b4fc;--code-inline-color:#6366f1}.theme-dark{--bg:#000;--navbar-bg:rgba(0,0,0,.7);--cta-bg:#fff;--cta-hover-bg:#e8e8e8;--accent-bg:#1d1d1d;--pill-bg:hsla(0,0%,100%,.1);--border:#242424;--cta-color:#000;--navbar-color:#cbc9c9;--text-color:hsla(0,0%,100%,.7);--heading-color:#fff;--gallery-heading-color:#fff;--code-block-bg:rgba(131,105,211,.08);--code-inline-bg:#0b090f;--code-inline-border:#493d65;--code-inline-color:#6366f1}body{background-color:var(--bg)!important}.hidden,.notion-collection__header-wrapper{display:none}.bg-gray{background:rgba(var(--color-bg-gray),1)}.bg-brown{background:rgba(var(--color-bg-brown),1)}.bg-orange{background:rgba(var(--color-bg-orange),1)}.bg-yellow{background:rgba(var(--color-bg-yellow),1)}.bg-green{background:rgba(var(--color-bg-green),1)}.bg-blue{background:rgba(var(--color-bg-blue),1)}.bg-purple{background:rgba(var(--color-bg-purple),1)}.bg-pink{background:rgba(var(--color-bg-pink),1)}.bg-red{background:rgba(var(--color-bg-red),1)}.super-content{padding-bottom:80px!important;padding-left:calc(env(safe-area-inset-left) + 1.5rem)!important;padding-right:calc(env(safe-area-inset-right) + 1.5rem)!important}.super-content .full-width{margin:0 auto;max-width:1200px!important}.notion-toggle.bg-brown{display:none!important}.notion-divider{border-bottom:1px solid var(--border)!important}figcaption{text-align:center}.notion-image img{border-radius:16px}.theme-switcher{margin-left:24px}.dark-mode-icon,.light-mode-icon{cursor:pointer}.dark-mode-icon svg,.light-mode-icon svg{height:20px;width:20px}.theme-dark .dark-mode-icon{display:none}.theme-light .dark-mode-icon{display:flex}.theme-light .light-mode-icon{display:none}.theme-dark .light-mode-icon{display:flex}@media (max-width:860px){.theme-switcher{margin-left:0!important}}.super-navbar{webkit-backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;-moz-backdrop-filter:blur(8px)!important;background:var(--navbar-bg)!important;color:var(--navbar-color)!important;height:auto!important}.super-navbar .super-navbar__content{margin:0 auto!important;max-width:900px!important;padding-left:calc(env(safe-area-inset-left) + 1.5rem)!important;padding-right:calc(env(safe-area-inset-right) + 1.5rem)!important}.super-navbar .super-navbar__logo{align-self:stretch!important;color:var(--heading-color)!important;height:auto!important;padding:0!important}.super-navbar .super-navbar__content .super-navbar__item-list .super-navbar__item{font-size:.95rem!important;text-transform:uppercase!important}.super-navbar .super-navbar__cta{background-color:var(--cta-bg)!important;border-radius:8px!important;color:var(--cta-color)!important;font-size:.95rem!important;font-weight:500!important}.super-navbar .super-navbar__cta:hover{background-color:var(--cta-hover-bg)!important;color:var(--cta-color)!important;opacity:1!important}.super-navbar .super-navbar__menu{background-color:var(--accent-bg)!important}.super-navbar__button svg{stroke:var(--text-color)!important}.super-navbar__menu-item-list .super-cta-container{display:block;padding:0 16px 16px}@media (max-width:860px){.super-navbar__actions .super-cta-container{display:none!important}}.super-footer{background:transparent!important;color:var(--text-color)!important;margin:0 auto;max-width:900px!important;padding-left:calc(env(safe-area-inset-left) + 1.5rem)!important;padding-right:calc(env(safe-area-inset-right) + 1.5rem)!important;position:relative}.super-footer:before{background-color:var(--border)!important;content:"";height:1px;left:0;margin:0 auto;position:absolute;right:0;top:0;width:calc(100% - env(safe-area-inset-left)*2 - 3rem)}.super-footer__links .super-footer__link{border-bottom:1px solid var(--text-color)!important;font-size:1rem!important;opacity:.8!important}.super-footer__links .super-footer__link:hover{opacity:1!important}body,html{color:var(--text-color)!important;line-height:1.75!important}h1,h2,h3,strong{color:var(--heading-color)}h1,h2,h3{margin-top:0!important}h1,h2{margin-bottom:.65rem!important}h3{margin-bottom:.5rem!important}h1,h1.notion-heading{font-size:2.6rem!important;line-height:1.25!important}@media (max-width:767.98px){h1,h1.notion-heading{font-size:2.25rem!important}}h2,h2.notion-heading{font-size:1.725rem!important}h3,h3.notion-heading{font-size:1.1875rem!important;letter-spacing:.1rem!important}.notion-caption{color:var(--text-color)!important}.notion-semantic-string .link{border-bottom:1px solid var(--text-color)!important;opacity:1!important}.notion-checkbox.checked{background-color:var(--heading-color)!important}.notion-checkbox.checked>svg{fill:var(--bg)!important}.notion-checkbox{color:var(--heading-color)!important}.notion-toggle .notion-toggle__summary:hover:before{background:var(--accent-bg)!important}.super-content .notion-collection .notion-collection__header{display:none}.super-content .notion-collection-gallery .notion-semantic-string{white-space:normal!important}.super-content .notion-collection-gallery{border-top:0;gap:24px;padding-top:0}.super-content .notion-collection-card{border-radius:12px;box-shadow:none!important}.super-content .notion-collection-gallery .notion-property__title__icon-wrapper{display:none!important}.super-content .notion-collection-card__property{font-size:1rem}.super-content .notion-collection-gallery.large{grid-template-columns:repeat(2,1fr)}.super-content .notion-collection-gallery.medium{grid-template-columns:repeat(3,1fr)}.super-content .notion-collection-gallery.small{grid-template-columns:repeat(4,1fr)}.super-content .notion-collection-gallery.large .notion-collection-card{min-height:400px}.super-content .notion-collection-gallery.medium .notion-collection-card{min-height:360px}.super-content .notion-collection-gallery.small .notion-collection-card{min-height:250px}.super-content .notion-collection-gallery .notion-collection-card{background-color:transparent;display:flex;flex-direction:column-reverse;position:relative;transform:translateY(0)!important;transition:transform .45s!important;will-change:transform!important}.super-content .notion-collection-gallery .notion-collection-card:after{background:linear-gradient(transparent,rgba(0,0,0,.1));content:"";height:60%;position:absolute;width:100%;z-index:-1}.super-content .notion-collection-gallery .notion-collection-card:before{background:linear-gradient(rgba(0,0,0,.1),transparent);content:"";height:45%;position:absolute;top:0;width:100%}.super-content .notion-collection-gallery .notion-collection-card:hover{background-color:hsla(0,0%,100%,.08);transform:scale(.94)!important;-webkit-transform:scale(.94)!important;transition:transform .4s!important}.super-content .notion-collection-gallery .notion-collection-card__cover{border-bottom:0!important;height:100%;max-height:100%;position:absolute;z-index:-1}.super-content .notion-collection-gallery .notion-collection-card .notion-property__title{color:var(--gallery-heading-color)!important}.super-content .notion-collection-gallery.large .notion-collection-card .notion-property__title{padding:0 24px 28px}.super-content .notion-collection-gallery.medium .notion-collection-card .notion-property__title{padding:0 18px 18px}.super-content .notion-collection-gallery.small .notion-collection-card .notion-property__title{padding:0 16px 16px}.super-content .notion-collection-gallery .notion-collection-card .notion-property__title span{line-height:1.25}.super-content .notion-collection-gallery.large .notion-collection-card .notion-property__title span{font-size:1.5rem}.super-content .notion-collection-gallery.medium .notion-collection-card .notion-property__title span{font-size:1.35rem}.super-content .notion-collection-gallery.small .notion-collection-card .notion-property__title span{font-size:1.15rem}.super-content .notion-collection-gallery.large .notion-collection-card .notion-collection-card__content{padding:0 24px}.super-content .notion-collection-gallery.medium .notion-collection-card .notion-collection-card__content{padding:0 18px}.super-content .notion-collection-gallery.small .notion-collection-card .notion-collection-card__content{padding:0 16px}.super-content .notion-collection-gallery .notion-property__date .date{color:var(--gallery-heading-color);font-size:.85rem}.super-content .notion-collection-gallery .notion-collection-card__property:first-child{position:absolute;top:16px}.super-content .notion-collection-gallery .notion-collection-card__property:first-child .notion-pill{background-color:hsla(0,0%,100%,.1)!important;color:var(--gallery-heading-color)!important}.super-content .notion-collection-gallery .notion-collection-card__cover div,.super-content .notion-collection-gallery .notion-collection-card__cover img,.super-content .notion-collection-gallery .notion-collection-card__cover span{height:100%;max-height:100%}@media (max-width:1000px){.super-content .notion-collection-gallery.large{grid-template-columns:1fr}.super-content .notion-collection-gallery.medium{grid-template-columns:1fr 1fr}.super-content .notion-collection-gallery.small{grid-template-columns:1fr 1fr 1fr}}@media (max-width:620px){.super-content .notion-collection-gallery.medium{grid-template-columns:1fr}.super-content .notion-collection-gallery.small{grid-template-columns:1fr 1fr}}@media (max-width:460px){.super-content .notion-collection-gallery.small{grid-template-columns:1fr}}.notion-collection-list{border:1px solid var(--border)!important;border-radius:8px!important;padding:0!important}.notion-collection-list__item{align-items:flex-start!important;border-bottom:1px solid var(--border)!important;border-radius:0!important;flex-direction:column!important;justify-content:center!important;margin:0!important;padding:24px 16px!important}.notion-collection-list__item:last-of-type{border-bottom:0!important}.notion-collection-list__item:hover{background-color:var(--accent-bg)!important;border:0!important;border-bottom:1px solid var(--border)!important}.notion-collection-list__item:last-of-type:hover{border-bottom:0!important}.theme-light .notion-collection-list__item:hover .notion-pill{background-color:#d4d5d9!important}.theme-dark .notion-collection-list__item:hover .notion-pill{background-color:hsla(0,0%,100%,.1)!important}.notion-collection-list__item-content{flex-direction:column!important}.notion-collection-list__item-property .notion-property__text{color:var(--text-color)!important}.notion-collection-list__item-property:first-child{max-width:600px!important;padding:3px 0!important}.notion-collection-list__item-property:first-child .notion-semantic-string{white-space:normal!important}.notion-collection-list__item-property:nth-child(2){position:absolute!important;right:16px!important;top:calc(50% - 18px)!important;transform:translateY(-50%)!important}.notion-collection-list__item-property:nth-child(2) .notion-semantic-string .date{color:var(--text-color)!important}.notion-collection-list__item-property:nth-child(3){padding:0!important;position:absolute!important;right:16px!important;top:calc(50% + 8px)!important;transform:translateY(-50%)!important}.notion-collection-list__item-property:nth-child(3) .notion-property.notion-property__select{padding:0!important}.notion-collection-list__item-property:nth-child(3) .notion-pill{margin-bottom:0!important;margin-top:0!important}.notion-collection-list__item-property:nth-child(3) .notion-pill:last-child{margin-right:0!important}@media (max-width:786px){.notion-collection-list__item{padding-bottom:50px!important;padding-top:50px!important}.notion-collection-list__item-property:first-child{max-width:100%!important}.notion-collection-list__item-property:nth-child(2){left:16px!important;padding:0!important;position:absolute!important;top:20px!important;transform:none!important}.notion-collection-list__item-property:nth-child(3){bottom:16px!important;left:16px!important;padding-bottom:0!important;padding-left:0!important;padding-top:0!important;right:auto!important;top:auto!important;transform:none!important}}.notion-collection-list .notion-property__title span{color:var(--heading-color)!important;white-space:normal!important}.notion-collection-list .notion-property__title__icon-wrapper{display:none!important}.notion-collection-list .notion-property__title .notion-semantic-string{margin:0!important}.notion-collection-list .notion-property__title .notion-semantic-string span{border-bottom:0!important}.notion-collection-list .notion-property__select .notion-pill{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;display:block!important;padding:4px 6px!important}.notion-callout{border:1px solid var(--border)!important;border-radius:6px!important;font-size:1rem;line-height:1.5;margin:0;padding:16px 24px!important}.notion-callout__icon{display:none!important}.notion-callout__content{margin:0!important}.notion-quote{border:0;border-left:3px solid var(--heading-color);color:var(--heading-color);font-size:1rem;font-style:italic;line-height:1.5;margin:0;padding:10px 16px}.notion-collection-table__wrapper{border:1px solid var(--border);border-radius:8px!important}.notion-collection-table__wrapper .notion-collection-table{margin-bottom:0!important}.notion-collection-table__wrapper .notion-collection-table .notion-collection-table__head{background:rgba(var(--color-bg-gray),.5)!important}.notion-collection-table__wrapper .notion-collection-table .notion-collection-table__head-cell{border-top:0!important}.notion-collection-table__wrapper .notion-collection-table .notion-collection-table__body tr:last-child .notion-collection-table__cell{border-bottom:0!important}.notion-collection-table__wrapper .notion-collection-table th{color:var(--heading-color)!important;font-weight:500}.notion-collection-table__wrapper .notion-collection-table td,.notion-collection-table__wrapper .notion-collection-table th{border:1px solid var(--border)!important;height:2.5rem!important;padding:0 20px!important;vertical-align:middle!important}.notion-collection-table__wrapper .notion-collection-table td:first-of-type,.notion-collection-table__wrapper .notion-collection-table th:first-of-type{border-left:0!important}.notion-collection-table__wrapper .notion-collection-table td:last-of-type,.notion-collection-table__wrapper .notion-collection-table th:last-of-type{border-right:0!important}.notion-collection-table__wrapper .notion-collection-table .notion-property .notion-semantic-string{color:var(--text-color)!important}.notion-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--pill-bg)!important;border-radius:4px!important;color:var(--heading-color)!important;padding:6px 10px!important}.notion-bookmark{background-color:transparent!important;border:1px solid var(--border)!important;border-radius:8px!important;overflow:hidden!important}.notion-bookmark:hover{background-color:var(--accent-bg)!important}.token{background:none!important;background-color:none!important}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#71717a}.token.punctuation{color:var(--text-color)}.token.boolean,.token.char,.token.constant,.token.deleted,.token.property,.token.string,.token.symbol,.token.tag{color:#22c55e}.token.attr-value,.token.builtin,.token.inserted{color:#ec4899}.language-css .token.string,.style .token.string,.token.entity,.token.number,.token.operator,.token.url{color:#eab308}.token.atrule,.token.attr-name,.token.keyword,.token.selector{color:#6366f1}.token.class-name,.token.function{color:#ec4899}.token.important,.token.regex{color:#eab308}.notion-code code[class*=language-],.notion-code pre[class*=language-]{color:var(--text-color)!important;-moz-tab-size:2!important;-o-tab-size:2!important;tab-size:2!important;text-shadow:none!important}.notion-code pre::-webkit-scrollbar{display:none!important}.notion-code pre{-ms-overflow-style:none!important;background:var(--code-block-bg)!important;border:1px solid var(--border)!important;scrollbar-width:none!important}.notion-text .code{background-color:var(--code-inline-bg)!important;border:1px solid var(--code-inline-border)!important;color:var(--code-inline-color)!important}[id*=page-] .notion-header{display:none!important}[id*=page-] .super-content{padding-top:120px!important}.notion-header .notion-header__cover.has-cover span,.notion-header .notion-header__cover.has-cover span img{position:static!important}.notion-header .notion-header__cover.has-cover span img{height:auto!important;width:auto!important}.notion-table-of-contents li{margin-bottom:2px}.notion-table-of-contents li:hover{background-color:var(--accent-bg);border-radius:6px}.notion-table-of-contents__item>a>div{color:var(--heading-color);padding:8px 12px}.notion-text__content .highlighted-background .notion-link{background-color:var(--cta-bg);border:0!important;border-radius:8px;color:var(--cta-color);display:inline-block;font-weight:600;padding:16px 24px}.notion-text__content .highlighted-background .notion-link:hover{background-color:var(--cta-hover-bg)}#page-index .notion-header{display:none!important}#page-index .super-content{padding-top:120px!important}#page-index h3,#page-index h3.notion-heading{margin-bottom:.85rem!important;opacity:.68!important;text-transform:uppercase!important}[id*=page-blog-] .notion-header{display:flex!important;flex-direction:column;margin-bottom:0!important;margin-top:120px!important}[id*=page-blog-] .notion-header .notion-header__content{order:1;padding-left:calc(env(safe-area-inset-left) + 1.5rem)!important;padding-right:calc(env(safe-area-inset-right) + 1.5rem)!important;text-align:center}[id*=page-blog-] .notion-header .notion-header__cover{order:2}[id*=page-blog-] .notion-header .notion-header__cover.has-cover{border-radius:16px;height:auto!important;margin:48px auto 0;max-height:650px;max-width:1200px;width:90%}[id*=page-blog-] .notion-header .notion-header__cover.has-cover div{display:flex!important}@media (max-width:600px){[id*=page-blog-] .notion-header .notion-header__cover.has-cover{max-height:450px}}[id*=page-blog-] .super-content{padding-top:40px!important}#page-about .notion-header{display:none!important}#page-about .super-content{padding-top:120px!important}#page-about h3,#page-about h3.notion-heading{margin-bottom:.85rem!important;opacity:.68!important;text-transform:uppercase!important}[id*=page-projects-] .notion-header{display:flex!important;flex-direction:column;margin-bottom:0!important;margin-top:120px!important}[id*=page-projects-] .notion-header .notion-header__content{order:1;padding-left:calc(env(safe-area-inset-left) + 1.5rem)!important;padding-right:calc(env(safe-area-inset-right) + 1.5rem)!important;text-align:center}[id*=page-projects-] .notion-header .notion-header__cover{order:2}[id*=page-projects-] .notion-header .notion-header__cover.has-cover{border-radius:16px;height:auto!important;margin:48px auto 0;max-height:650px;max-width:1200px;min-height:auto!important;width:90%}[id*=page-projects-] .notion-header .notion-header__cover.has-cover div{display:flex!important}@media (max-width:600px){[id*=page-projects-] .notion-header .notion-header__cover.has-cover{max-height:450px}}[id*=page-projects-] .notion-header .notion-header__cover.has-cover div{height:100%}[id*=page-projects-] .notion-header .notion-header__cover.has-cover div img{-o-object-fit:cover;object-fit:cover}[id*=page-projects-] .super-content{padding-top:40px!important}[id*=projects-] .notion-root>:not(.notion-image){margin-left:auto;margin-right:auto;max-width:900px!important;width:100%}[id*=page-projects-] h2.notion-heading{margin-bottom:.65rem!important}[id*=page-projects-] .notion-root h3,[id*=page-projects-] .notion-root h3:first-of-type{color:var(--heading-color);margin-bottom:.5rem!important;opacity:1!important;text-transform:none!important}