Do not build user css
This commit is contained in:
@@ -0,0 +1,16 @@
|
||||
.form-row
|
||||
+grid-row(nest)
|
||||
.form-label
|
||||
@media #{$small-only}
|
||||
+grid-column($columns:10, $center:true)
|
||||
@media #{$medium-only}
|
||||
+grid-column($columns:4, $offset:1)
|
||||
@media #{$large-up}
|
||||
+grid-column(3)
|
||||
.form-field
|
||||
@media #{$small-only}
|
||||
+grid-column($columns:10, $center:true, $last-column:true)
|
||||
@media #{$medium-only}
|
||||
+grid-column($columns:4, $last-column:true)
|
||||
@media #{$large-up}
|
||||
+grid-column($columns: 3, $last-column:true)
|
||||
@@ -0,0 +1,16 @@
|
||||
span.icon
|
||||
@extend .fa
|
||||
&.settings
|
||||
@extend .fa-gears
|
||||
&.needs-help
|
||||
@extend .fa-bell
|
||||
&.needs-payment
|
||||
@extend .fa-money
|
||||
&.scan-qr
|
||||
@extend .fa-qrcode
|
||||
&.lists
|
||||
@extend .fa-sticky-note-o
|
||||
|
||||
ul.product-orders
|
||||
span.icon
|
||||
@extend .fa-lg
|
||||
@@ -0,0 +1,16 @@
|
||||
body.ios7
|
||||
$ios-menu-height: 20px
|
||||
.top-menu
|
||||
margin-top: $ios-menu-height
|
||||
.side-menu
|
||||
margin-top: $ios-menu-height
|
||||
#ember-app-container
|
||||
padding-top: $ios-menu-height
|
||||
.main-section
|
||||
top: $top-menu-height + $ios-menu-height
|
||||
.ios7-menu-panel
|
||||
position: absolute
|
||||
top: 0
|
||||
width: 100%
|
||||
height: $ios-menu-height
|
||||
background-color: white
|
||||
@@ -0,0 +1,9 @@
|
||||
.join-request-container
|
||||
.user-name
|
||||
padding-left: 12px
|
||||
.join-request-reject
|
||||
+button($bg: $secondary-color)
|
||||
margin-right: 12px
|
||||
.join-request-approve
|
||||
+button
|
||||
margin-right: 12px
|
||||
@@ -0,0 +1,20 @@
|
||||
.modal
|
||||
margin: auto
|
||||
margin-top: 90px
|
||||
width: 90%
|
||||
max-width: 756px
|
||||
background-color: #fff
|
||||
padding: 1em
|
||||
z-index: 9085
|
||||
|
||||
.overlay
|
||||
height: 100%
|
||||
width: 100%
|
||||
position: fixed
|
||||
top: 0
|
||||
left: 0
|
||||
background-color: rgba(0, 0, 0, 0.2)
|
||||
z-index: 9084
|
||||
|
||||
.flush--top
|
||||
margin-top: 0
|
||||
@@ -0,0 +1,93 @@
|
||||
.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
|
||||
@@ -0,0 +1,79 @@
|
||||
$side-menu-width: 222px
|
||||
.side-menu
|
||||
background-color: #444
|
||||
position: fixed
|
||||
//display: none
|
||||
left: -$side-menu-width
|
||||
top: 0
|
||||
width: $side-menu-width
|
||||
height: 100%
|
||||
z-index: 157
|
||||
opacity: 0.9
|
||||
border-right: 2px solid black
|
||||
&.active
|
||||
left: 0
|
||||
animation-name: sideMenuActive
|
||||
animation-duration: 0.5s
|
||||
.toggle-side-menu
|
||||
right: 5px
|
||||
&.closed
|
||||
&.clicked
|
||||
animation-name: sideMenuClosed
|
||||
animation-duration: 0.3s
|
||||
> ul
|
||||
list-style: none
|
||||
a
|
||||
color: white
|
||||
li
|
||||
margin-bottom: 11px
|
||||
font-size: 1.2em
|
||||
&.title
|
||||
border-bottom: 1px solid #aaa
|
||||
h3
|
||||
color: white
|
||||
margin-bottom: 3px
|
||||
.scan-qr-icon
|
||||
margin-right: 18px
|
||||
@extend .fa
|
||||
@extend .fa-qrcode
|
||||
.fa-glass
|
||||
margin-right: 5px
|
||||
.active-list-icon
|
||||
margin-right: 18px
|
||||
@extend .fa
|
||||
@extend .fa-list
|
||||
.icon.settings
|
||||
margin-right: 18px
|
||||
.icon.lists
|
||||
margin-right: 18px
|
||||
.about-mozo-icon
|
||||
margin-right: 18px
|
||||
@extend .fa
|
||||
@extend .fa-info-circle
|
||||
a.active
|
||||
color: $current-color
|
||||
|
||||
.toggle-side-menu
|
||||
position: absolute
|
||||
width: 28px
|
||||
height: 28px
|
||||
color: white
|
||||
right: -30px
|
||||
cursor: pointer
|
||||
//z-index: 158
|
||||
font-size: 1.6em
|
||||
span
|
||||
@extend .fa
|
||||
@extend .fa-lg
|
||||
@extend .fa-bars
|
||||
|
||||
@keyframes(sideMenuActive)
|
||||
from
|
||||
left: -$side-menu-width
|
||||
to
|
||||
left: 0
|
||||
@keyframes(sideMenuClosed)
|
||||
from
|
||||
left: 0
|
||||
to
|
||||
left: -$side-menu-width
|
||||
@@ -0,0 +1,45 @@
|
||||
.product-category-container
|
||||
border-top: 1px solid #ddd
|
||||
border-bottom: 1px solid #ddd
|
||||
margin-bottom: 5px
|
||||
h4.product_category-title
|
||||
cursor: pointer
|
||||
margin-bottom: 5px
|
||||
.icon
|
||||
@extend .fa
|
||||
@extend .fa-arrow-down
|
||||
color: #ccc
|
||||
padding-right: 10px
|
||||
&.collapsed
|
||||
@extend .fa-arrow-right
|
||||
ul.product_category-products
|
||||
list-style: none
|
||||
margin: 0 0 5px rem-calc(1.0)
|
||||
.product_category-products
|
||||
.inactive
|
||||
color: #777
|
||||
a
|
||||
color: #777
|
||||
.product-price
|
||||
float: right
|
||||
.show-product-description
|
||||
+button($bg: $secondary-color)
|
||||
+button-icon-only
|
||||
margin-right: 7px
|
||||
span
|
||||
@extend .fa
|
||||
@extend .fa-info
|
||||
@extend .fa-lg
|
||||
.no-product-description
|
||||
// Empty space to match the product description for layout
|
||||
display: inline-block
|
||||
width: 1.65rem
|
||||
.add-product-to-list
|
||||
+button($bg: $secondary-color)
|
||||
+button-icon-only
|
||||
float: right
|
||||
margin-left: 5px
|
||||
span
|
||||
@extend .fa
|
||||
@extend .fa-plus
|
||||
@extend .fa-lg
|
||||
@@ -0,0 +1,4 @@
|
||||
.choose-product-variant-button
|
||||
+button($padding: $button-tny)
|
||||
margin: 0
|
||||
margin-bottom: 6px
|
||||
@@ -0,0 +1,8 @@
|
||||
.settings-locale
|
||||
display: inline-block
|
||||
margin-right: 8px
|
||||
&.current
|
||||
border: 1px solid $current-color
|
||||
.settings.page
|
||||
.display-row
|
||||
margin-bottom: 15px
|
||||
Reference in New Issue
Block a user