vue-nutrition-label
Version:
VueJS component to create a 2018 FDA-style nutrition label
1 lines • 8.13 kB
Source Map (JSON)
{"version":3,"sources":["vue-nutrition-label.min.css"],"names":[],"mappings":"AAAA,kEAAkE,CAClE,IACE,qBAAsB,CACtB,WAAY,CACZ,6BAA8B,CACtB,qBAAsB,CAC9B,sCAAyC,CACzC,cAAe,CACf,gBAAiB,CACjB,eACF,CACA,6FACI,oCACJ,CACA,UACI,gBAAiB,CACjB,kBAAmB,CACnB,eACJ,CACA,0BACI,sCAAyC,CACzC,iBACJ,CACA,YACI,eAAgB,CAChB,kBAAmB,CACnB,aAAc,CACd,UAAW,CACX,aACJ,CACA,iBACI,iBAAkB,CAClB,gBACJ,CACA,uBACI,eACJ,CACA,4BACI,OAAQ,CACR,QAAS,CACT,kBACJ,CACA,WACI,UAAW,CACX,mBACJ,CACA,aACI,cAAe,CACf,iBAAkB,CAClB,sBAA2B,CAC3B,yCACJ,CACA,eACI,cAAe,CACf,cAAe,CACf,sBAA2B,CAC3B,yCACJ,CACA,mBACI,UAAW,CACX,iBAAkB,CAClB,kBAAmB,CACnB,qBAAsB,CACtB,gDAAoD,CACpD,aAAc,CACd,UAAW,CACX,aAAc,CACd,cACJ,CACA,cACI,aAAc,CACd,gBAAiB,CACjB,eACJ,CACA,wBACM,aAAc,CACd,UAAW,CACX,YACN,CACA,2CACQ,UACR,CACA,2CACQ,WAAY,CACZ,eAAgB,CAChB,gBACR,CACA,kBACM,kBAAmB,CACnB,qBAAsB,CACtB,eACN,CACA,qBACI,oBACJ,CACA,aACI,aAAc,CACd,eACJ,CACA,eACI,eACJ,CACA,mBACI,eAAgB,CAChB,aAAc,CACd,4BACJ,CACA,wCACI,eACJ,CACA,aACI,eAAgB,CAChB,eAAgB,CAChB,eAAgB,CAChB,eACJ,CACA,oBACI,WAAY,CACZ,UAAW,CACX,gBACJ,CACA,eACI,gBACJ,CACA,SACI,yBAA0B,CAC1B,eAAgB,CAChB,kBAAmB,CACnB,eACJ,CACA,YACI,gBACJ,CACA,WACI,iBACJ,CACA,OACI,WACJ,CACA,SACI,UACJ,CACA,SACI,WACJ,CACA,kBACI,qBACJ,CACA,2BACE,WAAY,CACZ,aACF,CACA,aACE,UACF,CACA,SACE,iBAAkB,CAClB,SAAU,CACV,UAAW,CACX,WAAY,CACZ,SAAU,CACV,eAAgB,CAChB,kBAAmB,CACnB,QACF,CACA,YACE,WACF,CACA,WACE,UACF,CACA,WACE,WACF,CAEA,iBACE,sCAAyC,CACzC,eAAiB,CACjB,eAAgB,CAChB,kBACF,CACA,0BACE,UAAW,CACX,WAAY,CACZ,iBAAkB,CAClB,UAAW,CACX,YAAa,CACb,gBACF,CACA,aACE,UAAW,CACX,wBAAyB,CACzB,yBACF,CACA,4CAEI,4BAA6B,CAC7B,eAAgB,CAChB,kBACJ,CACA,yBACI,eAAgB,CAChB,aACJ,CAEA,WACE,qBAAwB,CACxB,6DAA8D,CAC9D,eAAmB,CACnB,iBAAkB,CAClB,iBACF,CACA,WACE,0BAA6B,CAC7B,kEAAmE,CACnE,eAAmB,CACnB,iBAAkB,CAClB,iBACF,CACA,OACE,qBAAwB,CACxB,cAAe,CACf,gBACF,CACA,uBACI,4BAA6B,CAC7B,iBACJ,CACA,iBACI,0BAA6B,CAC7B,cAAe,CACf,gBAAiB,CACjB,QACJ,CACA,yBACI,cAAe,CACf,gBAAiB,CACjB,kBACJ,CACA,kDAEI,gBACJ,CACA,yBACI,gBACJ,CACA,kBACI,gBACJ,CACA,mBACI,gBACJ,CACA,qBACI,0BAA6B,CAC7B,cACJ,CACA,oBACI,cAAe,CACf,4BAA6B,CAC7B,kBAAmB,CACnB,iBAAkB,CAClB,UACJ,CACA,sBACI,WAAY,CACZ,aAAc,CACd,eACJ,CACA,0BACM,eACN,CACA,mBACI,kBACJ,CACA,WACI,eACJ,CACA,kBACI,eAAgB,CAChB,cAAe,CACf,gBAAiB,CACjB,kBACJ,CACA,kCACM,gBACN,CACA,mCACM,gBACN,CACA,yBACI,WACJ","file":"vue-nutrition-label.min.css","sourcesContent":["@import url(https://fonts.googleapis.com/css?family=Archivo+Black);\n.nf {\n border: 1px solid #000;\n padding: 6px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n font-family: Arial, Helvetica, sans-serif;\n font-size: 12px;\n line-height: 14px;\n text-align: left;\n}\n.nf-title, .nf-serving-unit-qty, .nf-highlight, .nf-serving, .nf-amount-per-serving, .nf-calories {\n font-family: 'Archivo Black', sans-serif;\n}\n.nf-title {\n font-size: 2.15em;\n line-height: 1.15em;\n margin-top: -6px;\n}\n.nf-serving-per-container {\n font-family: Arial, Helvetica, sans-serif;\n margin-bottom: 2px;\n}\n.nf-serving {\n font-size: 1.2em;\n line-height: normal;\n padding: 2px 0;\n clear: both;\n overflow: auto;\n}\n.nf-serving-size {\n margin-left: 105px;\n text-align: right;\n}\n.nf-amount-per-serving {\n font-size: .94em;\n}\n.nf-arrow-up, .nf-arrow-down {\n width: 0;\n height: 0;\n border-style: solid;\n}\n.nf-arrows {\n float: left;\n padding: 6px 5px 0 0;\n}\n.nf-arrow-up {\n cursor: pointer;\n margin-bottom: 4px;\n border-width: 0 5px 6px 5px;\n border-color: transparent transparent #333 transparent;\n}\n.nf-arrow-down {\n cursor: pointer;\n margin-top: 4px;\n border-width: 6px 5px 0 5px;\n border-color: #333 transparent transparent transparent;\n}\n.nf-modifier-field {\n width: 30px;\n text-align: center;\n line-height: normal;\n border: 1px solid #666;\n font-family: Arial, Helvetica, sans-serif !important;\n font-size: 1em;\n float: left;\n padding: 2px 0;\n margin-top: 3px;\n}\n.nf-item-name {\n display: table;\n margin-left: 42px;\n min-height: 25px;\n}\n.nf-item-name.read-only {\n margin-left: 0;\n width: 100%;\n min-height: 0;\n}\n.nf-item-name.read-only .text-serving-size {\n float: left;\n}\n.nf-item-name.read-only .text-serving-item {\n float: right;\n max-width: 160px;\n text-align: right;\n}\n.nf-item-name > div {\n display: table-cell;\n vertical-align: middle;\n min-height: 24px;\n}\n.nf-serving-unit-qty {\n display: inline-block;\n}\n.nf-calories {\n font-size: 2em;\n line-height: 1em;\n}\n.nf-percent-dv {\n font-size: .84em;\n}\n.nf-vitamin-column {\n font-size: .94em;\n padding: 1px 0;\n border-bottom: 1px solid #000;\n}\n.nf-ingredient-statement, .nf-disclaimer {\n padding-top: 8px;\n}\n.nf-footnote {\n padding-top: 4px;\n margin-left: 5px;\n font-size: .85em;\n line-height: 1em;\n}\n.nf-footnote:before {\n content: \"*\";\n float: left;\n margin-left: -5px;\n}\n.nf-text-right {\n text-align: right;\n}\n.nf-line {\n border-top: 1px solid #000;\n padding-top: 1px;\n padding-bottom: 1px;\n font-size: .94em;\n}\n.nf-indent2 {\n margin-left: 28px;\n}\n.nf-indent {\n padding-left: 16px;\n}\n.nf-pr {\n float: right;\n}\n.nf-bar1 {\n height: 5px;\n}\n.nf-bar2 {\n height: 10px;\n}\n.nf-bar1, .nf-bar2 {\n background-color: #000;\n}\n.clear:before, .clear:after {\n content: \" \";\n display: table;\n}\n.clear:after {\n clear: both;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n margin: -1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n border: 0;\n}\n.pull-right {\n float: right;\n}\n.pull-left {\n float: left;\n}\n.no-border {\n border: none;\n}\n\n.nf.uk .nf-title {\n font-family: Arial, Helvetica, sans-serif;\n font-weight: bold;\n padding-top: 8px;\n padding-bottom: 6px;\n}\n.nf.uk .nf-modifier-field {\n width: 20px;\n padding: 3px;\n text-align: center;\n float: none;\n margin-top: 0;\n margin-right: 3px;\n}\n.nf.uk table {\n width: 100%;\n border-collapse: collapse;\n border-top: 4px solid #000;\n}\n.nf.uk table tr th,\n .nf.uk table tbody tr td {\n border-bottom: 1px solid #000;\n padding-top: 4px;\n padding-bottom: 4px;\n}\n.nf.uk table tfoot tr td {\n padding-top: 4px;\n font-size: 90%;\n}\n\n@font-face {\n font-family: 'Helvetica';\n src: url(static/fonts/Helvetica.71a5484.woff2) format(\"woff2\");\n font-weight: normal;\n font-style: normal;\n font-display: swap;\n}\n@font-face {\n font-family: 'Helvetica-Bold';\n src: url(static/fonts/Helvetica-Bold.9d04fa7.woff2) format(\"woff2\");\n font-weight: normal;\n font-style: normal;\n font-display: swap;\n}\n.nf.ca {\n font-family: 'Helvetica';\n font-size: 13px;\n line-height: 15px;\n}\n.nf.ca .nf-header-wrap {\n border-bottom: 2px solid #000;\n margin-bottom: 3px;\n}\n.nf.ca .nf-title {\n font-family: 'Helvetica-Bold';\n font-size: 19px;\n line-height: 19px;\n margin: 0;\n}\n.nf.ca .nf-servings-wrap {\n font-size: 14px;\n line-height: 15px;\n padding-bottom: 2px;\n}\n.nf.ca .nf-serving-text1,\n .nf.ca .nf-serving-text2 {\n line-height: 15px;\n}\n.nf.ca .nf-serving-text3 {\n line-height: 13px;\n}\n.nf.ca .nf-indent {\n padding-left: 8px;\n}\n.nf.ca .nf-indent2 {\n margin-left: 16px;\n}\n.nf.ca .nf-highlight {\n font-family: 'Helvetica-Bold';\n font-size: 13px;\n}\n.nf.ca .nf-calories {\n font-size: 14px;\n border-bottom: 5px solid #000;\n padding-bottom: 2px;\n margin-bottom: 3px;\n float: left;\n}\n.nf.ca .nf-percent-dv {\n float: right;\n font-size: 9px;\n line-height: 9px;\n}\n.nf.ca .nf-percent-dv div {\n line-height: 9px;\n}\n.nf.ca .nf-no-line {\n padding-bottom: 2px;\n}\n.nf.ca sub {\n line-height: 1px;\n}\n.nf.ca .nf-footer {\n padding-top: 3px;\n font-size: 10px;\n line-height: 11px;\n margin-bottom: -2px;\n}\n.nf.ca .nf-footer div:nth-child(1) {\n line-height: 17px;\n}\n.nf.ca .nf-footer div:nth-child(2) {\n line-height: 10px;\n}\n.nf.ca .nf-bar1 + .nf-line {\n border: none;\n}\n"]}