Prototyped the barcode idea; Added a basic production system.
This commit is contained in:
236
imports/ui/Label.import.styl
vendored
236
imports/ui/Label.import.styl
vendored
@@ -1,93 +1,163 @@
|
||||
|
||||
#labelMaker
|
||||
margin: 10px 20px
|
||||
height: 100%
|
||||
width: 100%
|
||||
margin 10px 20px
|
||||
height 100%
|
||||
width 100%
|
||||
overflow-y auto
|
||||
|
||||
.labelContents
|
||||
label
|
||||
font-family: TimesNewRoman, Times New Roman, Times
|
||||
font-weight: 200
|
||||
font-size: 14px
|
||||
.title1
|
||||
width: 500px
|
||||
font-family: TimesNewRoman, Times New Roman, Times
|
||||
font-size: .142in
|
||||
font-weight: 800
|
||||
line-height: .142in
|
||||
.title2
|
||||
width: 500px
|
||||
font-family: TimesNewRoman, Times New Roman, Times
|
||||
font-size: 14px
|
||||
font-weight: 800
|
||||
line-height: 16px
|
||||
.ingredients
|
||||
width: 500px
|
||||
height: 100px
|
||||
font-family: TimesNewRoman, Times New Roman, Times
|
||||
font-size: 12px
|
||||
font-weight: 100
|
||||
line-height: 14px
|
||||
.date
|
||||
width: 500px
|
||||
font-family: TimesNewRoman, Times New Roman, Times
|
||||
font-size: 12px
|
||||
font-weight: 100
|
||||
line-height: 14px
|
||||
.labelContainer
|
||||
text-align: center
|
||||
width: 100%
|
||||
width-min: 3in
|
||||
height-min: 2in
|
||||
background-color: grey
|
||||
padding: 20px
|
||||
.labelSample
|
||||
display: inline-block
|
||||
width: 3in
|
||||
height: 2in
|
||||
background-color: white
|
||||
color: black
|
||||
text-align: center
|
||||
.labelLogo
|
||||
width: .8in
|
||||
.labelTagline
|
||||
font-family: TimesNewRoman, Times New Roman, Times
|
||||
font-size: .1in
|
||||
font-weight: 100
|
||||
line-height: .2in
|
||||
@media not print
|
||||
.labelOptions
|
||||
label
|
||||
font-family TimesNewRoman, Times New Roman, Times
|
||||
font-weight 200
|
||||
font-size 14px
|
||||
.title1
|
||||
width: 100%
|
||||
font-family: TimesNewRoman, Times New Roman, Times
|
||||
font-size: .2in
|
||||
font-weight: 800
|
||||
text-transform: uppercase
|
||||
width 500px
|
||||
font-family TimesNewRoman, Times New Roman, Times
|
||||
font-size .142in
|
||||
font-weight 800
|
||||
line-height .142in
|
||||
.title2
|
||||
width: 100%
|
||||
font-family: TimesNewRoman, Times New Roman, Times
|
||||
font-size: .15in
|
||||
font-weight: 800
|
||||
width 500px
|
||||
font-family TimesNewRoman, Times New Roman, Times
|
||||
font-size 14px
|
||||
font-weight 800
|
||||
line-height 16px
|
||||
.ingredients
|
||||
width: 100%
|
||||
font-family: TimesNewRoman, Times New Roman, Times
|
||||
font-size: .1in
|
||||
font-weight: 100
|
||||
width 500px
|
||||
height 100px
|
||||
font-family TimesNewRoman, Times New Roman, Times
|
||||
font-size 12px
|
||||
font-weight 100
|
||||
line-height 14px
|
||||
.date
|
||||
width 500px
|
||||
font-family TimesNewRoman, Times New Roman, Times
|
||||
font-size 12px
|
||||
font-weight 100
|
||||
line-height 14px
|
||||
.labelContainer
|
||||
text-align center
|
||||
width 100%
|
||||
width-min 3in
|
||||
height-min 2in
|
||||
background-color grey
|
||||
padding 20px
|
||||
.labels
|
||||
display none
|
||||
.printableLabel
|
||||
display none
|
||||
.label
|
||||
display inline-block
|
||||
width 3in
|
||||
height 2in
|
||||
.canvasContainer
|
||||
padding 10px
|
||||
background-color gray
|
||||
@media all
|
||||
.label
|
||||
position relative
|
||||
background-color white
|
||||
color black
|
||||
text-align center
|
||||
font-family TimesNewRoman, Times New Roman, Times
|
||||
//font-family Arial, Helvetica, sans-serif
|
||||
font-size .1in
|
||||
width 3in
|
||||
height 2in
|
||||
.barcodeContainer
|
||||
position absolute
|
||||
transform rotate(270deg) scale(0.7)
|
||||
right -10em
|
||||
top 7em
|
||||
.qrcode
|
||||
position absolute
|
||||
left 3px
|
||||
top 3px
|
||||
//padding: 2px
|
||||
//border: 2px solid black
|
||||
.labelLogo
|
||||
width 8em
|
||||
padding 0
|
||||
margin 0
|
||||
padding-top .15em
|
||||
margin-bottom .2em
|
||||
.labelLogo3
|
||||
width 14em
|
||||
padding 0
|
||||
margin 0
|
||||
padding-top .15em
|
||||
margin-bottom .8em
|
||||
.labelTagline
|
||||
font-size 1em
|
||||
font-weight 100
|
||||
line-height 1em
|
||||
.title1
|
||||
width 100%
|
||||
font-size 2.5em
|
||||
line-height .9em
|
||||
font-weight 800
|
||||
text-transform uppercase
|
||||
.title2
|
||||
width 100%
|
||||
font-size 1.5em
|
||||
line-height .9em
|
||||
font-weight 800
|
||||
padding-bottom .2em
|
||||
.ingredients
|
||||
width 100%
|
||||
font-size 1.2em
|
||||
font-weight 100
|
||||
line-height 1em
|
||||
min-height 2em
|
||||
.ingredientsEnding
|
||||
width: 100%
|
||||
font-family: TimesNewRoman, Times New Roman, Times
|
||||
font-size: .1in
|
||||
font-weight: 100
|
||||
width 100%
|
||||
font-size 1.2em
|
||||
font-weight 100
|
||||
.instructions
|
||||
width: 100%
|
||||
font-family: TimesNewRoman, Times New Roman, Times
|
||||
font-size: .1in
|
||||
font-weight: 800
|
||||
width 100%
|
||||
font-size 1.2em
|
||||
font-weight 800
|
||||
.address
|
||||
width: 100%
|
||||
font-family: TimesNewRoman, Times New Roman, Times
|
||||
font-size: .1in
|
||||
font-weight: 100
|
||||
width 100%
|
||||
font-size 1.2em
|
||||
font-weight 100
|
||||
.website
|
||||
width: 100%
|
||||
font-family: TimesNewRoman, Times New Roman, Times
|
||||
font-size: .1in
|
||||
font-weight: 100
|
||||
width 100%
|
||||
font-size 1.2em
|
||||
font-weight 100
|
||||
|
||||
@media print
|
||||
@page
|
||||
size 3in 2in
|
||||
margin 0
|
||||
padding 0
|
||||
.labelOptions, .labelContainer, .canvasContainer, .labelCanvas
|
||||
display none
|
||||
.printableLabel
|
||||
display block
|
||||
margin 0
|
||||
padding 0
|
||||
//.printableLabels
|
||||
// display inline-block
|
||||
// margin 0
|
||||
// padding 0
|
||||
//#labelMaker
|
||||
// display none
|
||||
//.labels
|
||||
// display block
|
||||
//.label
|
||||
// display block
|
||||
// width 3in
|
||||
// height 2in
|
||||
// //width 100%
|
||||
// //height 100%
|
||||
// page-break-after always
|
||||
// page-break-inside avoid
|
||||
.canvasContainer
|
||||
display none
|
||||
@media print
|
||||
.labelMaker
|
||||
margin 0
|
||||
padding 0
|
||||
overflow visible
|
||||
Reference in New Issue
Block a user