HalfTone/website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added navbar menu button styles

Browse Source
This commit is contained in:
Gregory Ballantine 2016-11-18 11:44:01 -05:00
parent d1174988a8
commit 9354bbbbaf
2 changed files with 42 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
assets/sass/partials/_navigation.sass
View File

@ -1,39 +1,49 @@
#nav #nav
margin-bottom: 20px margin-bottom: 20px
.navbar-nav .navbar-nav
display: inline-block display: inline-block
float: none float: none
.navbar-collapse .navbar-collapse
text-align: center text-align: center
ul ul
list-style: none list-style: none
text-align: center text-align: center
.nav_item .nav_item
display: inline-block display: inline-block
background: none background: none
border: none border: none
border-bottom: 3px solid rgba($main-color, 0) border-bottom: 3px solid rgba($main-color, 0)
border-radius: none border-radius: none
+transition(border-color, 200ms) +transition(border-color, 200ms)
a a
display: block display: block
+size(100% 100%) +size(100% 100%)
padding: 5px 14px padding: 5px 14px
text-decoration: none text-decoration: none
color: #fff color: #fff
font-size: 32px font-size: 32px
font-weight: 600 font-weight: 600
+transition(color, 200ms) +transition(color, 200ms)
&:hover &:hover
background-color: transparent background-color: transparent
border-color: rgba($main-color, 1) border-color: rgba($main-color, 1)
a a
background-color: transparent background-color: transparent
color: $main-color color: $main-color
#navbar-collapse-button
color: #fff
font-size: 32px
+transition(color, 200ms)
&:hover,
&:active
background-color: transparent
color: $main-color

2
public/css/main.css
View File

File diff suppressed because one or more lines are too long