{"version":3,"sources":["webpack:///./src/views/Typography.vue?0bb7","webpack:///./src/views/Typography.vue","webpack:///src/views/Typography.vue","webpack:///./src/views/Typography.vue?bb42","webpack:///./src/views/Typography.vue?f649"],"names":["render","_vm","this","_c","_self","attrs","staticClass","_v","_l","typography","t","i","key","domProps","_s","tag","class","_e","staticRenderFns","leader","leaderShort","slice","material","small","data","component"],"mappings":"kHAAA,W,2CCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,cAAc,CAACE,MAAM,CAAC,cAAc,GAAG,MAAQ,KAAK,CAACF,EAAG,WAAW,CAACE,MAAM,CAAC,iBAAiB,GAAG,eAAe,KAAK,CAACF,EAAG,SAAS,CAACE,MAAM,CAAC,KAAO,KAAK,CAACF,EAAG,gBAAgB,CAACE,MAAM,CAAC,MAAQ,QAAQ,MAAQ,6BAA6B,KAAO,qCAAqC,CAACF,EAAG,cAAc,CAACA,EAAG,KAAK,CAACG,YAAY,0BAA0B,CAACL,EAAIM,GAAG,gBAAgBJ,EAAG,cAAc,CAACG,YAAY,OAAOD,MAAM,CAAC,eAAe,GAAG,MAAQ,KAAKJ,EAAIO,GAAIP,EAAIQ,YAAY,SAASC,EAAEC,GAAG,OAAOR,EAAG,WAAW,CAACS,IAAID,EAAEN,MAAM,CAAC,YAAY,GAAG,KAAO,KAAK,CAACF,EAAG,SAAS,CAACE,MAAM,CAAC,IAAM,GAAG,IAAM,KAAK,CAACF,EAAG,OAAO,CAACG,YAAY,WAAWO,SAAS,CAAC,YAAcZ,EAAIa,GAAGJ,EAAE,SAASP,EAAG,SAAS,CAACE,MAAM,CAAC,IAAM,KAAK,CAACF,EAAGO,EAAE,GAAG,CAACK,IAAI,YAAYC,MAAML,GAAG,CAAQ,UAANA,EAAe,CAACV,EAAIM,GAAG,yBAAyBN,EAAIa,GAAGJ,EAAE,IAAI,yBAAyBT,EAAIgB,KAAY,UAANN,EAAeR,EAAG,IAAI,CAACF,EAAIM,GAAGN,EAAIa,GAAGJ,EAAE,OAAOT,EAAIgB,KAAY,UAANN,EAAeR,EAAG,QAAQ,CAACF,EAAIM,GAAG,0BAA0BN,EAAIgB,KAAY,UAANN,EAAe,CAACR,EAAG,MAAMA,EAAG,QAAQ,CAACF,EAAIM,GAAG,sCAAsCN,EAAIgB,MAAM,IAAI,IAAI,MAAK,IAAI,IAAI,IAAI,IAAI,IAAI,IAEjnCC,EAAkB,GC+DtBC,EAAA,oRACAC,EAAAD,EAAAE,MAAA,aACAC,EAAA,iCACAC,EAAA,6BAEe,GACfC,KAAA,kBACAf,WAAA,CACA,wBAAAa,EAAA,MACA,wBAAAA,EAAA,MACA,wBAAAA,EAAA,MACA,wBAAAA,EAAA,MACA,wBAAAA,EAAA,MACA,uCAAAA,EAAA,MACA,gBAAAH,EAAA,KACA,eAAAA,EAAA,cACA,+BAAAC,EAAA,KACA,+BAAAA,EAAA,KACA,yBAAAA,EAAA,KACA,+BAAAA,EAAA,KACA,+BAAAA,EAAA,KACA,6BAAAA,EAAA,KACA,mBAAAG,EAAA,UCvFmV,I,wBCQ/UE,EAAY,eACd,EACAzB,EACAkB,GACA,EACA,KACA,KACA,MAIa,aAAAO,E","file":"js/chunk-f3f86150.8ac463fe.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Typography.vue?vue&type=style&index=0&id=78c6ee6c&prod&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',{attrs:{\"fill-height\":\"\",\"fluid\":\"\"}},[_c('v-layout',{attrs:{\"justify-center\":\"\",\"align-center\":\"\"}},[_c('v-flex',{attrs:{\"xs12\":\"\"}},[_c('material-card',{attrs:{\"color\":\"green\",\"title\":\"Material Dashboard Heading\",\"text\":\"Created using Roboto Font Family\"}},[_c('v-card-text',[_c('h2',{staticClass:\"font-weight-light mb-4\"},[_vm._v(\"Typography\")]),_c('v-container',{staticClass:\"pa-0\",attrs:{\"grid-list-xl\":\"\",\"fluid\":\"\"}},_vm._l((_vm.typography),function(t,i){return _c('v-layout',{key:i,attrs:{\"align-end\":\"\",\"wrap\":\"\"}},[_c('v-flex',{attrs:{\"xs1\":\"\",\"md3\":\"\"}},[_c('span',{staticClass:\"tim-note\",domProps:{\"textContent\":_vm._s(t[0])}})]),_c('v-flex',{attrs:{\"xs8\":\"\"}},[_c(t[2],{tag:\"component\",class:i},[(i !== 'quote')?[_vm._v(\"\\n                    \"+_vm._s(t[1])+\"\\n                  \")]:_vm._e(),(i === 'quote')?_c('p',[_vm._v(_vm._s(t[1]))]):_vm._e(),(i === 'quote')?_c('small',[_vm._v(\"Kanye West, Musician\")]):_vm._e(),(i === 'small')?[_c('br'),_c('small',[_vm._v(\"Use 'small' tag for the headers\")])]:_vm._e()],2)],1)],1)}),1)],1)],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-container\n    fill-height\n    fluid\n  >\n    <v-layout\n      justify-center\n      align-center\n    >\n      <v-flex xs12>\n        <material-card\n          color=\"green\"\n          title=\"Material Dashboard Heading\"\n          text=\"Created using Roboto Font Family\"\n        >\n          <v-card-text>\n            <h2 class=\"font-weight-light mb-4\">Typography</h2>\n\n            <v-container\n              class=\"pa-0\"\n              grid-list-xl\n              fluid\n            >\n              <v-layout\n                v-for=\"(t, i) in typography\"\n                :key=\"i\"\n                align-end\n                wrap\n              >\n                <v-flex\n                  xs1\n                  md3>\n                  <span\n                    class=\"tim-note\"\n                    v-text=\"t[0]\"\n                  />\n                </v-flex>\n                <v-flex xs8>\n                  <component\n                    :is=\"t[2]\"\n                    :class=\"i\"\n                  >\n                    <template v-if=\"i !== 'quote'\">\n                      {{ t[1] }}\n                    </template>\n\n                    <p v-if=\"i === 'quote'\">{{ t[1] }}</p>\n                    <small v-if=\"i === 'quote'\">Kanye West, Musician</small>\n\n                    <template v-if=\"i === 'small'\">\n                      <br>\n                      <small>Use 'small' tag for the headers</small>\n                    </template>\n                  </component>\n                </v-flex>\n              </v-layout>\n            </v-container>\n          </v-card-text>\n        </material-card>\n      </v-flex>\n    </v-layout>\n  </v-container>\n</template>\n\n<script>\nconst leader = 'I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.'\nconst leaderShort = leader.slice(0, 105) + '...'\nconst material = 'The Life of Material Dashboard'\nconst small = 'Header with small subtitle'\n\nexport default {\n  data: () => ({\n    typography: {\n      'heading-1': ['Header 1', material, 'h1'],\n      'heading-2': ['Header 2', material, 'h2'],\n      'heading-3': ['Header 3', material, 'h3'],\n      'heading-4': ['Header 4', material, 'h4'],\n      'heading-5': ['Header 5', material, 'h5'],\n      'heading-6 text-uppercase': ['Header 6', material, 'h6'],\n      '': ['Paragraph', leader, 'p'],\n      'quote': ['Quote', leader, 'blockquote'],\n      'text--disabled': ['Muted Text', leaderShort, 'p'],\n      'text-primary': ['Primary Text', leaderShort, 'p'],\n      'text-info': ['Info Text', leaderShort, 'p'],\n      'text-success': ['Success Text', leaderShort, 'p'],\n      'text-warning': ['Warning Text', leaderShort, 'p'],\n      'text-danger': ['Danger Text', leaderShort, 'p'],\n      'small': ['Small Tag', small, 'h2']\n    }\n  })\n}\n</script>\n\n<style lang=\"scss\">\n  .tim-note {\n    bottom: 10px;\n    color: #c0c1c2;\n    display: block;\n    font-weight: 400;\n    font-size: 13px;\n    line-height: 13px;\n    left: 0;\n    margin-left: 20px;\n    width: 260px;\n  }\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Typography.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Typography.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Typography.vue?vue&type=template&id=78c6ee6c\"\nimport script from \"./Typography.vue?vue&type=script&lang=js\"\nexport * from \"./Typography.vue?vue&type=script&lang=js\"\nimport style0 from \"./Typography.vue?vue&type=style&index=0&id=78c6ee6c&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}