nav
  ul
    li
     a(href="#") Html
     a(href="#") CSS
     a(href="#") javaScript
     a(href="#") Ruby

@import 'nib'

ruprledarken = #16263d
greenlih = #01cfa9

body
  margin 0
  background ruprledarken
  
nav
  width 210px
  height @width
  absolute top 50% left 50%
  transform translateX(-50%) translateY(-50%)
  border 2px solid greenlih
  
  ul li
    display block
    list-style none
    
    a
      color white
      text-decoration none
      display @display
      margin-top 24px
      text-transform uppercase
      transition all .3s ease-in-out
      
      &:hover
        color greenlih
        &:after
          opacity 1
          transform translateX(0px)
      
      &:after
        content ''
        width @margin-top + 10px
        height 5px
        background greenlih
        display @display
        relative top 5px
        opacity 0
        transform translateX(100px)
        transition all .2s ease-in-out