edit helpers

weru

29.16.2020 4ffb9ad9e94d3a44fec3cb55c6e4865ee9cbb527

edit helpers

 assets/js/index.js

@@ -106,10 +106,10 @@

(function calcNavHeight(){
  const nav = elem('.nav_header');
  const navHeight = nav.offsetHeight;
  const docContent = elem('main');
  docContent.style.paddingTop = `${navHeight + 20}px`;
  return navHeight + 20;
  const navHeight = nav.offsetHeight + 25;
  const docContent = elem('main'); 
  docContent.style.paddingTop = `${navHeight}px`;
  return navHeight;
})();

(function markInlineCodeTags(){

 assets/sass/_base.sass

@@ -111,7 +111,10 @@

aside 
  position: sticky
  top: 7rem
  top: 5rem
  max-height: 84vh
  overflow-y: auto
  padding-bottom: 2rem
  h3
    position: relative
  ul

 assets/sass/_nav.sass

@@ -2,7 +2,7 @@
  display: grid
  grid-template-columns: 10rem 1fr 1fr
  grid-gap: 1rem
  padding: 1rem 1.5rem !important
  padding: 0 1.5rem !important
  align-items: center
  background-color: var(--bg)
  &_header
@@ -12,6 +12,8 @@
    width: 100%
    background-color: var(--bg)
    z-index: 999999
    border-bottom: 1px solid var(--border-color)

  &_body
    display: flex
  &-link

 assets/sass/_variables.sass

@@ -10,15 +10,26 @@
  --text: var(--dark)
  --theme: #20c997
  --font: 'Metropolis', sans-serif
  --border-color: #eee
  &::after
    content: ""
    height: 15vh
    position: fixed
    bottom: 0
    width: 100vw
    z-index: 9999
    background: linear-gradient(to top, var(--bg), transparent)

@media (prefers-color-scheme: dark)
  html 
    *
      box-shadow: none !important 
  @media (prefers-color-scheme: dark)
    --bg: var(--dark)
    --text: var(--light)
    --accent: var(--bubble)
    --overlay: var(--bubble)
    --border-color: transparent
    *
      box-shadow: none !important 
    &::after
      background: linear-gradient(to top, var(--bg), transparent)

%narrow 
  max-width: 750px