Make user top menu fit on small screens
This commit is contained in:
@@ -7,4 +7,4 @@ $wood: image-url('theme1/wall-bg.jpg')
|
|||||||
$background-brown: #57351f
|
$background-brown: #57351f
|
||||||
$current-color: #fc3
|
$current-color: #fc3
|
||||||
$active-color: #f70
|
$active-color: #f70
|
||||||
$top-menu-height: 90px
|
$top-menu-height: 76px
|
||||||
|
|||||||
@@ -28,11 +28,11 @@ header.top-menu
|
|||||||
//min-height: 61px
|
//min-height: 61px
|
||||||
height: 100%
|
height: 100%
|
||||||
section
|
section
|
||||||
height: 52px
|
height: 44px
|
||||||
line-height: 48px
|
line-height: 40px
|
||||||
&.main-buttons
|
&.main-buttons
|
||||||
float: left
|
float: left
|
||||||
font-size: 1.5em
|
font-size: 1.2em
|
||||||
@media #{$medium-up}
|
@media #{$medium-up}
|
||||||
padding-left: 14px
|
padding-left: 14px
|
||||||
.extra-info
|
.extra-info
|
||||||
@@ -63,7 +63,7 @@ header.top-menu
|
|||||||
border-radius: 0.1em
|
border-radius: 0.1em
|
||||||
display: inline-block
|
display: inline-block
|
||||||
line-height: 1em
|
line-height: 1em
|
||||||
margin-top: 6px
|
// margin-top: 6px
|
||||||
color: #999
|
color: #999
|
||||||
&.active
|
&.active
|
||||||
color: $current-color
|
color: $current-color
|
||||||
|
|||||||
Reference in New Issue
Block a user