enable user to toggle color mode

weru

06.55.2020 eb53a4caf8aa9977d5db4969665c49a16efb2f39

 assets/sass/_base.sass

@@ -4,7 +4,7 @@
  margin: 0
  padding: 0

body, html 
body, html
  scroll-behavior: smooth
  font-kerning: normal
  -webkit-text-size-adjust: 100%
@@ -31,11 +31,11 @@
  color: inherit
p
  padding: 1rem 0
li 
li
  padding: 0.25rem 0
  p
    padding: 0.5rem 0
blockquote 
blockquote
  opacity: 0.8
  padding: 1rem
  position: relative
@@ -47,7 +47,7 @@
  background-size: 5rem
  background-position: 50% 50%
  position: relative
  &::before 
  &::before
    content: ""
    padding: 1px
    position: absolute
@@ -55,7 +55,7 @@
    bottom: 0
    left: 0
    background: var(--theme)
  

  p
    padding-left: 0.5rem 0 !important
    font-size: 1.1rem !important
@@ -86,7 +86,7 @@
img, svg, figure
  max-width: 100%
  vertical-align: middle
img 
img
  height: auto
  margin: 1rem auto
  padding: 0
@@ -99,20 +99,20 @@
ol, ul
  list-style: none

b, strong 
b, strong
  font-weight: 500

hr 
hr
  border: none
  padding: 0.5px
  background: var(--text)
  opacity: 0.5
  margin: 1rem 0

aside 
aside
  position: sticky
  top: 5rem
  max-height: 84vh
  top: 2.5rem
  max-height: 90vh
  overflow-y: auto
  background: var(--accent)
  padding: 1rem 1.5rem
@@ -124,24 +124,24 @@
    padding: 0
    list-style: none

th, td 
th, td
  padding: 0.5rem
  font-weight: 400 !important
  &:not(:first-child) 
  &:not(:first-child)
    padding-left: 1.5rem

thead
  background: var(--theme)
  color: var(--light)
  font-weight: 400 
  font-weight: 400
  text-align: left

tbody 
  tr 
    &:nth-child(even) 
tbody
  tr
    &:nth-child(even)
      background-color: var(--gray)
      box-shadow: 0 1rem 0.75rem -0.75rem rgba(0,0,0,0.07)
    

table
  margin: 1.5rem 0
  width:  100%