Prototyped the barcode idea; Added a basic production system.
This commit is contained in:
106
public/LabelPrint.css
Normal file
106
public/LabelPrint.css
Normal file
@@ -0,0 +1,106 @@
|
||||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
#PrintLabel {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.labelContainer {
|
||||
text-align: center;
|
||||
width-min: 3in;
|
||||
width: 3in;
|
||||
height-min: 2in;
|
||||
height: 2in;
|
||||
}
|
||||
.labels {
|
||||
display: none;
|
||||
}
|
||||
.printableLabel {
|
||||
display: none;
|
||||
}
|
||||
.label {
|
||||
display: inline-block;
|
||||
width: 3in;
|
||||
height: 2in;
|
||||
}
|
||||
.canvasContainer {
|
||||
padding: 10px;
|
||||
background-color: #808080;
|
||||
}
|
||||
.label {
|
||||
position: relative;
|
||||
background-color: #fff;
|
||||
color: #000;
|
||||
text-align: center;
|
||||
font-family: TimesNewRoman, Times New Roman, Times;
|
||||
font-size: 0.1in;
|
||||
width: 3in;
|
||||
height: 2in;
|
||||
}
|
||||
.label .barcodeContainer {
|
||||
position: absolute;
|
||||
transform: rotate(270deg) scale(0.7);
|
||||
right: -10em;
|
||||
top: 7em;
|
||||
}
|
||||
.label .labelLogo {
|
||||
width: 8em;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
padding-top: 0.15em;
|
||||
margin-bottom: 0.2em;
|
||||
}
|
||||
.label .labelLogo3 {
|
||||
width: 14em;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
padding-top: 0.15em;
|
||||
margin-bottom: 0.8em;
|
||||
}
|
||||
.label .labelTagline {
|
||||
font-size: 1em;
|
||||
font-weight: 100;
|
||||
line-height: 1em;
|
||||
}
|
||||
.label .title1 {
|
||||
width: 100%;
|
||||
font-size: 2.5em;
|
||||
line-height: 0.9em;
|
||||
font-weight: 800;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.label .title2 {
|
||||
width: 100%;
|
||||
font-size: 1.5em;
|
||||
line-height: 0.9em;
|
||||
font-weight: 800;
|
||||
padding-bottom: 0.2em;
|
||||
}
|
||||
.label .ingredients {
|
||||
width: 100%;
|
||||
font-size: 1.2em;
|
||||
font-weight: 100;
|
||||
line-height: 1em;
|
||||
min-height: 2em;
|
||||
}
|
||||
.label .ingredientsEnding {
|
||||
width: 100%;
|
||||
font-size: 1.2em;
|
||||
font-weight: 100;
|
||||
}
|
||||
.label .instructions {
|
||||
width: 100%;
|
||||
font-size: 1.2em;
|
||||
font-weight: 800;
|
||||
}
|
||||
.label .address {
|
||||
width: 100%;
|
||||
font-size: 1.2em;
|
||||
font-weight: 100;
|
||||
}
|
||||
.label .website {
|
||||
width: 100%;
|
||||
font-size: 1.2em;
|
||||
font-weight: 100;
|
||||
}
|
||||
Reference in New Issue
Block a user