website/assets/sass/partials/_navigation.sass

72 lines
1.4 KiB
Sass
Raw Normal View History

2015-08-30 12:34:43 -04:00
#nav
2016-11-18 11:44:01 -05:00
margin-bottom: 20px
.navbar-nav
display: inline-block
2016-11-18 12:15:22 -05:00
.navbar-nav
2016-11-18 11:44:01 -05:00
float: none
.navbar-collapse,
.navbar-header
2016-11-18 11:44:01 -05:00
text-align: center
ul
list-style: none
text-align: center
.nav_item
display: inline-block
background: none
border: none
border-bottom: 3px solid rgba($main-color, 0)
border-radius: none
+transition(border-color, 200ms)
a
display: block
+size(100% 100%)
padding: 5px 14px
text-decoration: none
color: #fff
font-size: 32px
font-weight: 600
+transition(color, 200ms)
&:hover
background-color: transparent
border-color: rgba($main-color, 1)
a
background-color: transparent
color: $main-color
2016-11-18 12:15:22 -05:00
#navbar-collapse-button.navbar-toggle
float: none
margin: 0
2016-11-18 12:24:05 -05:00
color: $main-color
2016-11-18 11:44:01 -05:00
font-size: 32px
+transition(color, 200ms)
&:hover,
&:active
background-color: transparent
2016-11-18 12:24:05 -05:00
2016-11-18 12:24:40 -05:00
&.collapsed
2016-11-18 12:24:05 -05:00
color: #fff
&:hover
color: $main-color
2016-11-18 12:41:46 -05:00
@media (max-width: 767px)
.navbar-collapse
background: #212121
border-radius: 5px
border: 1px solid #212121
box-shadow: inset 0 0 6px #212121
2016-11-18 13:03:00 -05:00
2016-11-18 13:03:56 -05:00
ul
.nav_item
display: block
2016-11-18 13:08:12 -05:00
padding: 5px