Add custom styles for submenus

This commit is contained in:
benmanley 2014-04-15 23:40:48 +01:00
parent 7f3f80aa4a
commit 65112e1fa1
2 changed files with 27 additions and 0 deletions

View file

@ -29,6 +29,7 @@
@import "./shared.styl"
@import "./footer.styl"
@import "./menu.styl"
@import "./options.styl"
html,body,p,h1,ul,li,table,tr,th,td
margin: 0

26
public/css/options.styl Normal file
View file

@ -0,0 +1,26 @@
#main > div > div > div > .tab-content
margin: 1.618em 0em
@media screen and (min-width:768px)
border: 1px solid darken($color-options-menu, 12%)
padding-bottom: 1.618em
.options-menu, .options-submenu
@extend $hrpg-submenu
border-bottom: 1px solid darken($color-options-menu, 12%)
.options-menu
@media screen and (min-width:768px)
background-color: $color-options-menu
li
@extend $hrpg-button
hrpg-button-color-mixin($color-options-menu)
.options-submenu
margin-top: -1.618em
background-color: $color-options-submenu
li
@extend $hrpg-button
hrpg-button-color-mixin($color-options-submenu)
@media screen and (max-width:768px)
padding: 1em 0.618em 0 0.618em
border: 1px solid darken($color-options-menu, 12%)
border-top: none