wcrisman/PetitTetonMeteor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Prototyped the barcode idea; Added a basic production system.

Browse Source
This commit is contained in:
Wynne Crisman
2019-10-07 15:51:50 -07:00
parent 8211da6b39
commit 2e57558ef4
50 changed files with 8949 additions and 782 deletions
Download Patch File Download Diff File Expand all files Collapse all files

236
imports/ui/Label.import.styl vendored
View File

@@ -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