PetitTetonMeteor/imports/ui/Label.import.styl

#labelMaker
	margin 10px 20px
	height 100%
	width 100%
	overflow-y auto

	@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
				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
		.labelBackground
			text-align center
			width 100%
			width-min 5in
			height-min 5in
			background-color grey
			padding 20px