Make dark mode toggle more vertically aligned with nav

Solomon Victorino

01.20.2024 0a09d5b2606daf6370293977cddfabb164267a0f

Make dark mode toggle more vertically aligned with nav

noticeable on mobile

 assets/sass/_components.sass

@@ -240,8 +240,7 @@

.color
  &_mode
    height: 1rem
    margin-left: 1.5rem
    margin-left: 1rem

  &_choice
    outline: none
@@ -262,15 +261,11 @@
      bottom: 0
      left: 0
      position: absolute
      height: 0.8rem
      height: 1.3rem
      background: var(--accent)
      width: 0.8rem
      border-radius: 0.25rem
      width: 1.3rem
      border-radius: 0.4rem
      z-index: 3
      transform: scale(1.67)
      transform-origin: 50% 50%
      transition: transform 0.5s cubic-bezier(.19,1,.22,1)
      will-change: transform
      background-image: var(--sun-icon)
      background-size: 60%
      background-repeat: no-repeat