Skip to content

Instantly share code, notes, and snippets.

@Aldegid

Aldegid/nav.sass

Created February 17, 2019 19:28
Show Gist options
  • Save Aldegid/6de0790ce7267c0f24622d6d35e77435 to your computer and use it in GitHub Desktop.
Save Aldegid/6de0790ce7267c0f24622d6d35e77435 to your computer and use it in GitHub Desktop.
Download ZIP
Media rules
Raw
nav.sass
//Mixin for media rules
=r($width)
@media only screen and (max-width: $width+ "px")
@content
.nav
font-family: $bebas
font-size: 16px
+r(1000)
position: absolute
top: -500px
.nav__list
margin: 0
padding: 0
+r(1000)
flex-direction: column
justify-content: flex-start
.nav__list::after
content: ''
display: none
+r(1000)
display: block
.nav__item
margin-left: 30px
color: $nav
+r(1000)
margin-bottom: 30px
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment