Files
mozo-backend/old_assets/user_stylesheets/foundation/components/_nav_main.sass
T
2025-02-10 11:05:16 -05:00

94 lines
2.2 KiB
Sass

.top-menu
// Fixed styling rules copied from foundation top-menu fixed
width: 100%
#{$default-float}: 0
position: absolute
top: 0
z-index: 99
background-image: image-url('theme1/wall-bg.jpg')
height: $top-menu-height
.top-menu-bar
color: $primary-color
height: $top-menu-height
background-image: image-url('theme1/button-bar-left.png'), image-url('theme1/button-bar-right.png')
background-color: transparent
background-repeat: no-repeat, no-repeat
background-position: left bottom, right bottom
padding-left: 48px
padding-right: 52px
.top-menu-logo
&.with-list
@media #{$small-only}
display: none
&.without-list
margin-left: 6px
img
margin-top: -6px
.menu-content
background-color: white
background-repeat: repeat-x
background-position: center bottom
background-image: image-url('theme1/button-bar-middle.png')
//min-height: 61px
height: 100%
section
height: 44px
line-height: 40px
&.main-buttons
float: left
font-size: 1.2em
@media #{$medium-up}
padding-left: 14px
.extra-info
position: absolute
top: 0
right: 0
color: white
.supplier-info-row
// float: right
// clear: right
// line-height: 27px
// padding-right: 7px
.table-number
display: inline-block
//text-transform: lowercase
.supplier-name
display: inline-block
.menu-list-item
margin-left: 20px
cursor: pointer
border: 0.08em solid #eee
padding: 5px
border-radius: 0.1em
display: inline-block
line-height: 1em
// margin-top: 6px
color: #999
&.active
color: $current-color
border-color: $current-color
&.callout
color: $active-color
border-color: $active-color
@media #{$medium-only}
margin-left: 8px
@media #{$small-only}
margin-left: 5px
.supplier-orders-placed-count
display: inline-block
// margin-right: 15px
.orders-placed-count-icon
@extend .fa
@extend .fa-clock-o
@extend .fa-lg
margin-left: 3px
.supplier-orders-in-process-count
display: inline-block
.orders-in-process-count-icon
@extend .fa
@extend .fa-check
@extend .fa-lg
margin-left: 3px