109 lines
2.7 KiB
Stylus
109 lines
2.7 KiB
Stylus
#salesSheetsMain
|
|
.salesSheetProducts
|
|
> div
|
|
width: 400px
|
|
margin: 0 4px 0 4px
|
|
.header
|
|
padding-top: 4px
|
|
.name
|
|
font-size: 1.5em
|
|
text-transform: uppercase
|
|
color: #0a6f10
|
|
text-shadow: 0px 0px 12px #8fa4d1
|
|
background: white
|
|
font-weight: 800
|
|
width: 100%
|
|
padding: 4px 6px 6px 6px
|
|
border-bottom: 2px solid #335a4a
|
|
text-overflow: ellipsis
|
|
white-space: nowrap
|
|
overflow: hidden
|
|
.product
|
|
background-color: #ffecde
|
|
-webkit-box-shadow: inset 0px 0px 40px 14px white
|
|
-moz-box-shadow: inset 0px 0px 40px 14px white
|
|
box-shadow: inset 0px 0px 40px 14px white
|
|
.nameAndTotal
|
|
display: flex
|
|
flex-flow: row wrap
|
|
justify-content: flex-start
|
|
align-items: center
|
|
align-content: stretch
|
|
margin-bottom: 4px
|
|
.name
|
|
flex: 1 1 auto
|
|
font-size: 1.5em
|
|
color: #575757
|
|
text-overflow: ellipsis
|
|
white-space: nowrap
|
|
overflow: hidden
|
|
.total
|
|
flex: 0 0 auto
|
|
width: 80px
|
|
font-size: 1.2em
|
|
color: #00378b
|
|
text-shadow: 0px 0px 8px #7690d1
|
|
overflow: hidden
|
|
.measures
|
|
display: flex
|
|
flex-flow: row wrap
|
|
justify-content: flex-start
|
|
align-items: center
|
|
align-content: stretch
|
|
margin-bottom: 6px
|
|
.measure
|
|
flex: 1 0 auto
|
|
display: flex
|
|
flex-flow: row wrap
|
|
justify-content: flex-start
|
|
align-items: center
|
|
align-content: stretch
|
|
.label
|
|
font-size: 1em
|
|
font-weight: 600
|
|
margin-right: 4px
|
|
input[name="price"]
|
|
width: 63px
|
|
input[name="amount"]
|
|
width: 47px
|
|
.product.odd
|
|
background-color: #ede0f1
|
|
-webkit-box-shadow: inset 0px 0px 40px 14px white
|
|
-moz-box-shadow: inset 0px 0px 40px 14px white
|
|
box-shadow: inset 0px 0px 40px 14px white
|
|
.sheetControls
|
|
padding-top: 4px
|
|
display: flex
|
|
flex-flow: row wrap
|
|
justify-content: flex-start
|
|
align-items: center
|
|
align-content: stretch
|
|
.saveSheet, .resetSheet
|
|
flex: 1 1 auto
|
|
font-size: 1em
|
|
color: #e9e9e9
|
|
font-weight: 800
|
|
text-transform: uppercase
|
|
text-align: center
|
|
padding: 10px
|
|
margin: 4px
|
|
.saveSheet
|
|
background: #007200
|
|
-webkit-box-shadow: inset 0px 0px 20px -2px white
|
|
-moz-box-shadow: inset 0px 0px 20px -2px white
|
|
box-shadow: inset 0px 0px 20px -2px white
|
|
.resetSheet
|
|
background: #960000
|
|
-webkit-box-shadow: inset 0px 0px 20px -2px white
|
|
-moz-box-shadow: inset 0px 0px 20px -2px white
|
|
box-shadow: inset 0px 0px 20px -2px white
|
|
.saveSheet:hover, .resetSheet:hover
|
|
text-shadow: 0px 0px 16px white
|
|
.saveSheet:hover
|
|
background: #005600
|
|
.resetSheet:hover
|
|
background: #7f0000
|
|
.saveSheet:active
|
|
background: #009000
|
|
.resetSheet:active
|
|
background: #b90000 |