Skip to content

Instantly share code, notes, and snippets.

@0xm1kr
Created February 28, 2023 16:28
Show Gist options
  • Save 0xm1kr/1ab8646b719bf5e9bc72bf1ca2a163fe to your computer and use it in GitHub Desktop.
Save 0xm1kr/1ab8646b719bf5e9bc72bf1ca2a163fe to your computer and use it in GitHub Desktop.
portfolio
:root{--header-dots:#E1E1E1;--layout-border:1px;--collection-card-content-padding:16px!important;--collection-card-border-radii:12px!important;--collection-card-gap:16px!important;--collection-card-cover-height-large:380px!important;--collection-card-icon-display:none!important;--collection-card-title-size:1.1rem!important;--callout-border-radii:8px!important;--image-border-radii:8px!important;--color-text-gray:#767572!important;--primary-color:#F46E6F!important;--secondary-bg:#F8F8F8!important;--color-text-default:#65635C!important;--body-text-default:var(--color-text-default)!important;--heading-text-default:#3D3C35!important;--color-text-default-light:#55534B!important;--color-bg-default:#FFFFFF!important;--color-border-default:#EFEFEF!important;--color-ui-hover-bg:#efefef!important;--color-card-bg:#ffffff!important;--color-card-bg-hover:#FCFCFC!important;--color-calendar-weekend-bg:#f7f6f3!important;--color-checkbox-bg:#2EAADC!important;--color-code-bg:var(--secondary-bg)!important;--color-checkbox-bg:#000!important;--link-text-color:#000!important;--cta-border-radii:40px!important;--cta-bg-color:#F8F8F8!important;--cta-bg-hover-color:#111!important;--cta-text-color:#262329!important;--cta-text-hover-color:#ffffff!important;--color-bg-gray-light:#F8F8F8!important;--scrollbar-background-color:#FFFFFF!important;--scrollbar-thumb-color:#EEEEEE!important;--scrollbar-border-color:#FFFFFF!important;--container-width:800px!important;--cover-max-height:290px!important}.notion-dropdown__button svg:first-of-type,.notion-dropdown__menu-header,.notion-toggle.bg-brown,.notion-toggle__trigger{display:none!important}body{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;text-rendering:optimizeLegibility!important}body :not(strong){font-weight:100!important}.super-root{max-width:1400px!important;margin:0 auto!important}.super-content{padding-top:4vh!important;padding-bottom:12vh!important}.super-content.max-width{max-width:100%!important}.super-content-wrapper{max-width:var(--container-width)!important}@media all and (min-width:861px){.notion-navbar,.super-content-wrapper,.super-navbar{border-right:var(--layout-border) solid var(--color-border-default)!important}.notion-navbar,.super-footer,.super-navbar{max-width:24vw!important;min-width:12vw!important;position:sticky!important;height:100vh!important}.super-root{flex-direction:row!important;justify-content:center!important}.super-footer{padding:16px!important;text-align:left!important;display:flex!important;top:0!important;justify-content:flex-end!important;flex-direction:column!important;box-shadow:none!important}.notion-navbar,.super-navbar{align-items:flex-start!important;width:auto!important;flex:0 0 auto!important}.super-navbar__content{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;height:100vh!important;padding:24px!important;justify-content:start!important;margin-top:120px!important}.super-navbar__logo{padding:8px 4px!important;max-height:50px!important;flex-grow:0!important}.super-navbar__item-list{flex-direction:column!important;height:auto!important;align-items:flex-start!important;gap:4px!important;overflow:unset!important}.super-navbar__item{padding:8px 4px!important;text-align:left!important;justify-content:start!important;border:1px solid transparent!important;border-radius:5px!important;height:auto!important}.super-navbar__actions{display:flex!important;align-items:left!important;padding:0!important;width:100%!important;height:auto!important}.super-footer__links{flex-direction:column!important}.super-footer__icons{display:flex!important;flex-wrap:wrap!important}.super-footer.corners .super-footer__icons,.super-footer.floating .super-footer__icons{justify-content:flex-start!important}.super-navbar__cta{margin-top:8px!important}}@media all and (max-width:861px){.super-footer{border-top:var(--layout-border) solid var(--color-border-default)!important}.super-navbar{border-bottom:var(--layout-border) solid var(--color-border-default)!important}}.super-navbar__cta{padding:10px 18px!important;border-radius:var(--cta-border-radii)!important;width:100%!important;border:1px solid var(--color-border-default)!important;background:var(--cta-bg-color)!important;transition:.2s ease-in-out!important}.super-navbar__cta:hover{background:var(--cta-bg-hover-color)!important;color:var(--cta-text-hover-color)!important;border:1px solid var(--cta-bg-hover-color)!important;opacity:1!important}.super-footer__links,.super-navbar__item{font-size:16px!important;font-weight:300!important}.super-footer__footnote{opacity:.4!important}.super-footer__icons svg{opacity:.4;transition:opacity .17s ease-in-out!important}.super-footer__icons svg:hover{opacity:1}.notion-header__icon{width:52px!important;height:52px!important}.notion-header__icon-wrapper.has-icon-image img{width:42px!important;height:42px!important}.notion-header__icon-wrapper div{font-size:52px!important}.notion-header__icon-wrapper.has-icon-image{top:-100px!important;width:62px!important;height:62px!important}.notion-header__icon-wrapper.has-icon{top:-100px!important;width:80px!important;height:80px!important}.notion-header{border-bottom:var(--layout-border) solid var(--color-border-default)!important;position:relative!important;margin-bottom:0!important}.notion-header__content .notion-header__title-wrapper{margin-bottom:32px!important}.notion-header__content{position:absolute!important;bottom:0!important;width:100%!important;max-width:100%!important}.notion-header__cover.has-cover{opacity:.5!important}.notion-header__cover:after{content:"";position:absolute;z-index:1;bottom:0;left:0;background-image:linear-gradient(to bottom,rgba(255,255,255,0),#fff 90%)!important;width:100%;height:100%!important}.notion-toggle.open:before,.notion-toggle:before{position:absolute!important;font-size:24px!important;line-height:1!important;opacity:.4!important;left:18px!important;font-weight:100!important}.notion-header__cover,.notion-header__cover.no-cover{height:var(--cover-max-height)!important;max-height:var(--cover-max-height)!important}.notion-header__cover.no-cover{background-image:radial-gradient(var(--header-dots) .8px,transparent 0)!important;background-size:26px 26px!important;background-position:-19px -19px!important}.notion-header__title{font-weight:100!important}.notion-collection-gallery,.notion-collection-list{border-top:none!important}.notion-collection-list{margin-top:0!important;padding:0!important;gap:8px!important}.notion-collection-gallery{padding:0!important;margin-bottom:24px!important}.notion-collection-gallery.large{display:flex!important;flex-direction:column!important;gap:24px!important}.notion-collection-gallery.medium{gap:24px!important}.notion-collection__header-wrapper{flex-direction:column!important;align-items:flex-start!important}.notion-collection-card{box-shadow:none!important;border:1px solid #f2f2f2!important;transition:box-shadow .2s ease-out,border .2s ease-in-out!important}.notion-collection-card__cover,.notion-collection-card__cover img,.notion-collection-card__cover>span{transition:transform .26s ease-out!important}.notion-collection-card:hover .notion-collection-card__cover img{transform:scale(1.03)!important}.notion-pill{border-radius:50px!important;border:1px solid rgba(0,0,0,.04)!important;text-transform:uppercase!important;font-size:10px!important;letter-spacing:1px!important}.notion-pill.pill-default{background:var(--cta-bg-color)!important;border:1px solid var(--color-border-default)!important}.notion-collection-list__item:hover,.notion-toggle.open,.notion-toggle:hover{background:var(--secondary-bg)!important}.notion-collection-list__item{border:1px solid var(--color-border-default)!important;padding:12px!important;min-height:38px!important;border-radius:8px!important;transition:background-color .15s!important}.notion-collection-list__item .notion-property__title .notion-semantic-string>span{border-bottom:0!important}.notion-collection-list__item .notion-property__title .notion-semantic-string{white-space:pre-wrap!important}.notion-page__property-name>span{font-size:16px!important}.notion-page__properties .notion-divider{margin:32px 0!important}.notion-collection-card__property-list{display:flex!important;flex-direction:column!important;gap:8px!important}.notion-property__date{font-size:1rem!important;opacity:.6}h1{letter-spacing:-.8px!important}h1.notion-heading,h2.notion-heading,h3.notion-heading{margin:0!important;color:var(--heading-text-default)!important}h1,h2,h3{color:var(--heading-text-default)!important}.notion-text p,h3,h3.notion-heading{margin-bottom:12px!important}.notion-toggle{border:1px solid var(--color-border-default)!important;border-radius:8px!important;margin-bottom:16px!important;position:relative!important;text-align:left!important;transition:background .2s ease-in-out!important}.notion-toggle__summary{margin:0 0 0 32px!important;padding:12px!important}.notion-heading.toggle{padding:0!important}.notion-toggle.open{padding-bottom:16px!important}.notion-toggle__content{padding-inline-start:18px!important}.notion-toggle__content .notion-text__content{margin-bottom:0!important}.notion-toggle:before{content:"+"!important;top:14px!important}.notion-toggle.open:before{content:"-"!important;top:15px!important}.notion-checkbox,.notion-checkbox svg{border-radius:2px!important}.notion-to-do__title.checked del{text-decoration:none!important}.notion-code pre,.notion-table td{border:1px solid var(--color-border-default)!important}.token.selector{color:#2a2a2a!important}.token.property{color:#909090!important}.token.important{color:var(--primary-color)!important}.notion-root .notion-text .notion-text__content .notion-semantic-string span .notion-link strong,.notion-root .notion-text .notion-text__content .notion-semantic-string span strong .notion-link{padding:10px 14px!important;border-radius:var(--cta-border-radii)!important;opacity:1!important;font-weight:100!important;display:inline-flex!important;justify-content:center!important;transition:.2s ease-in-out!important;background:var(--cta-bg-color)!important;color:var(--cta-text-color)!important;margin:8px -2px -2px!important;border:1px solid var(--color-border-default)!important}.notion-root .notion-text .notion-text__content .notion-semantic-string span .notion-link strong:hover,.notion-root .notion-text .notion-text__content .notion-semantic-string span strong .notion-link:hover{background:var(--cta-bg-hover-color)!important;border:1px solid var(--cta-bg-hover-color)!important;color:var(--cta-text-hover-color)!important;opacity:1!important}@-webkit-keyframes dropdown-animation-in{0%{opacity:0;transform:translateY(-5%) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dropdown-animation-in{0%{opacity:0;transform:translateY(-5%) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@-webkit-keyframes dropdown-animation-out{0%{opacity:1;transform:translateY(0) scale(1)}to{z-index:-1;opacity:0;transform:translateY(-5%) scale(.95)}}@keyframes dropdown-animation-out{0%{opacity:1;transform:translateY(0) scale(1)}to{z-index:-1;opacity:0;transform:translateY(-5%) scale(.95)}}.notion-dropdown{width:100%!important}.notion-dropdown__button{justify-content:space-between!important;width:100%!important;border:1px solid var(--color-border-default)!important;padding:10px!important;border-radius:8px!important}.notion-dropdown__menu-wrapper{margin-bottom:8px!important}.notion-dropdown__menu{width:100%!important;border-radius:8px!important;transform:none!important;left:auto!important;top:auto!important;box-shadow:0 10px 20px -10px rgb(0 0 0 / 12%)!important;background:var(--color-bg-default)!important;border:1px solid var(--color-border-default)!important;margin-top:5px!important}.notion-dropdown__option-list{padding:0!important;flex-wrap:wrap!important}.notion-dropdown__option{padding:5px 16px!important;height:50px!important}.notion-dropdown__button-title,.notion-dropdown__option p{font-size:16px!important}.notion-dropdown__button:hover{background:0 0!important}.notion-dropdown__option-icon{display:none!important}@media all and (min-width:624px){.notion-dropdown__button,.notion-dropdown__menu-header{display:none!important}.notion-dropdown__menu.initial-state{z-index:1!important;opacity:1!important;transform:none!important}.notion-dropdown__menu.animate-in,.notion-dropdown__menu.animate-in.animate-out,.notion-dropdown__menu.animate-out{animation:none!important}.notion-dropdown__menu{background:0 0!important;box-shadow:unset!important;transform:none!important;left:auto!important;top:auto!important;position:relative!important;border:none!important}.notion-dropdown__menu-wrapper{margin-bottom:12px!important;position:relative!important}.notion-dropdown__option:hover{background:var(--cta-bg-hover-color)!important;border:1px solid var(--cta-bg-hover-color)!important}.notion-dropdown__option:hover p,.notion-dropdown__option:hover svg{color:var(--cta-text-hover-color)!important}.notion-dropdown__option p,.notion-dropdown__option.active p{color:var(--cta-text-color)!important}.notion-dropdown__option{border:1px solid var(--color-border-default)!important;border-radius:var(--cta-border-radii)!important;transition:.2s ease-out!important;height:auto!important;padding:8px 12px!important}.notion-dropdown__option p{transition:color .2s ease-in-out!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.8px!important}.notion-dropdown__option-list{display:flex!important;padding:0!important;height:auto!important;gap:8px!important}.notion-dropdown__option.active{background:var(--cta-bg-color)!important;border:1px solid var(--cta-bg-color)!important}}.super-navbar__content>div:has(.super-navbar__item-list){height:auto!important}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment