163 lines
3.0 KiB
Stylus
163 lines
3.0 KiB
Stylus
|
|
#labelMaker
|
|
margin 10px 20px
|
|
height 100%
|
|
width 100%
|
|
overflow-y auto
|
|
|
|
@media not print
|
|
.labelOptions
|
|
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
|
|
.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-size 1.2em
|
|
font-weight 100
|
|
.instructions
|
|
width 100%
|
|
font-size 1.2em
|
|
font-weight 800
|
|
.address
|
|
width 100%
|
|
font-size 1.2em
|
|
font-weight 100
|
|
.website
|
|
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 |