Contents

.blog-nav-container
  margin: 5vh auto
  width: 100vw

.blog-nav
  display: flex
  flex-direction: column

.blog-nav-link
  display: inline
  float: none
  color: black
  padding-top: 2rem
  margin: 0 10vw
  text-decoration: none

.blog-nav-link-active
  border-bottom: solid 1px $black

.dropbtn
  border: solid 2px $light-grey
  background-color: inherit
  width: 80vw
  margin: 0 auto
  //padding: 4vh 0

.dropdown-content
  position: absolute
  background-color: $white
  width: 80%
  left: 10vw
  border-radius: 4px
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2)
  z-index: 1

@media screen and ( min-width: 768px )
  .blog-nav
    flex-direction: row
    max-width: 600px
    justify-content: space-between
    margin: 0 auto 100px auto
    border-bottom: solid 1px $light-grey

  .dropbtn
    display: none

  .dropdown-content
    display: block
    margin: 0
    padding: 0
    width: 100%
    position: inherit
    background-color: inherit
    box-shadow: none

  .blog-nav-link
    padding: 0
    margin: 0
    text-decoration: none
    display: block
    text-align: left

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
made-slowly-0.0.1	_sass/blog-nav.sass