Fixes and updates.
This commit is contained in:
156
imports/ui/Label.import.styl
vendored
156
imports/ui/Label.import.styl
vendored
@@ -7,6 +7,36 @@
|
||||
|
||||
@media not print
|
||||
.labelOptions
|
||||
.radioGroup
|
||||
input[type='radio']
|
||||
-webkit-appearance none
|
||||
-moz-appearance none
|
||||
appearance none
|
||||
display inline-block
|
||||
position relative
|
||||
background-color #f1f1f1
|
||||
color #666
|
||||
height 30px
|
||||
width 30px
|
||||
border 0
|
||||
border-radius 50px
|
||||
cursor pointer
|
||||
margin-right 7px
|
||||
outline none
|
||||
input[type='radio']:hover
|
||||
background-color #f7f7f7
|
||||
input[type='radio']:checked::before
|
||||
position absolute
|
||||
font 13px/1 'Open Sans', sans-serif
|
||||
left 11px
|
||||
top 7px
|
||||
content '\02143'
|
||||
transform rotate(40deg)
|
||||
input[type='radio']:checked
|
||||
background-color #f1f1f1
|
||||
label
|
||||
position relative
|
||||
top -10px
|
||||
label
|
||||
font-family TimesNewRoman, Times New Roman, Times
|
||||
font-weight 200
|
||||
@@ -36,128 +66,10 @@
|
||||
font-size 12px
|
||||
font-weight 100
|
||||
line-height 14px
|
||||
.labelContainer
|
||||
.labelBackground
|
||||
text-align center
|
||||
width 100%
|
||||
width-min 3in
|
||||
height-min 2in
|
||||
width-min 5in
|
||||
height-min 5in
|
||||
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
|
||||
padding 20px
|
||||
Reference in New Issue
Block a user