{"version":3,"file":"js/9871.eb7dbe89.js","mappings":"wJAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,cAAc,CAACE,YAAY,UAAUC,MAAM,CAAEC,OAA4B,sBAApBN,EAAIO,OAAOC,MAA+BC,MAAM,CAAC,GAAK,CAAED,KAAM,uBAAwB,CAACN,EAAG,IAAI,CAACA,EAAG,IAAI,CAACF,EAAIU,GAAG,iBAAiBR,EAAG,cAAc,CAACE,YAAY,aAAaC,MAAM,CAAEC,OAA4B,yBAApBN,EAAIO,OAAOC,MAAkCC,MAAM,CAAC,GAAK,CAAED,KAAM,0BAA2B,CAACN,EAAG,IAAI,CAACA,EAAG,IAAI,CAACF,EAAIU,GAAG,oBAAoBR,EAAG,cAAc,CAACE,YAAY,QAAQC,MAAM,CAAEC,OAA4B,oBAApBN,EAAIO,OAAOC,MAA6BC,MAAM,CAAC,GAAK,CAAED,KAAM,qBAAsB,CAACN,EAAG,IAAI,CAACA,EAAG,IAAI,CAACF,EAAIU,GAAG,gBAAgB,GAAGR,EAAG,gBAAgB,EACxtB,EACIS,EAAkB,GC2BtB,GACAH,KAAA,kBACAI,IAAAA,GACA,QACA,EACAC,WAAA,GACAC,SAAA,GACAC,QAAA,GACAC,OAAAA,GAAA,EACAC,YAAAA,GAAA,EACAC,SAAAA,GAAA,GCvC8P,I,WCQ1PC,GAAY,OACd,EACApB,EACAY,GACA,EACA,KACA,WACA,MAIF,EAAeQ,EAAiB,O","sources":["webpack://tjing/./src/views/WhyTjingWrapper.vue","webpack://tjing/src/views/WhyTjingWrapper.vue","webpack://tjing/./src/views/WhyTjingWrapper.vue?7728","webpack://tjing/./src/views/WhyTjingWrapper.vue?ac13"],"sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"why-tjing-container\"},[_c('nav',{staticClass:\"sub-page-nav\"},[_c('router-link',{staticClass:\"players\",class:{ active: _vm.$route.name === 'why-tjing-players' },attrs:{\"to\":{ name: 'why-tjing-players' }}},[_c('p',[_c('b',[_vm._v(\"Players\")])])]),_c('router-link',{staticClass:\"organisers\",class:{ active: _vm.$route.name === 'why-tjing-organisers' },attrs:{\"to\":{ name: 'why-tjing-organisers' }}},[_c('p',[_c('b',[_vm._v(\"Organisers\")])])]),_c('router-link',{staticClass:\"clubs\",class:{ active: _vm.$route.name === 'why-tjing-clubs' },attrs:{\"to\":{ name: 'why-tjing-clubs' }}},[_c('p',[_c('b',[_vm._v(\"Clubs\")])])])],1),_c('router-view')],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"why-tjing-container\">\n    <nav class=\"sub-page-nav\">\n      <router-link\n        :to=\"{ name: 'why-tjing-players' }\"\n        class=\"players\"\n        :class=\"{ active: $route.name === 'why-tjing-players' }\"\n      >\n        <p><b>Players</b></p>\n      </router-link>\n      <router-link\n        :to=\"{ name: 'why-tjing-organisers' }\"\n        class=\"organisers\"\n        :class=\"{ active: $route.name === 'why-tjing-organisers' }\"\n      >\n        <p><b>Organisers</b></p> </router-link\n      ><router-link\n        :to=\"{ name: 'why-tjing-clubs' }\"\n        class=\"clubs\"\n        :class=\"{ active: $route.name === 'why-tjing-clubs' }\"\n      >\n        <p><b>Clubs</b></p>\n      </router-link>\n    </nav>\n    <router-view />\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'WhyTjingWrapper',\n  data() {\n    return {}\n  },\n  components: {},\n  computed: {},\n  methods: {},\n  mounted() {},\n  beforeCreate() {},\n  destroyed() {},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '@/styles/Typography';\n\n.sub-page-nav {\n  padding: 0 1rem;\n  margin: 3rem 0 0 0;\n  display: flex;\n  justify-content: center;\n  a {\n    text-decoration: none;\n    color: $midnight;\n    cursor: pointer;\n    width: 33%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 3rem;\n    border-top: 1px solid $midnight;\n    border-bottom: 1px solid $midnight;\n\n    &.active {\n      cursor: default;\n      background: $midnight;\n      p {\n        color: white;\n      }\n    }\n\n    p {\n      font-size: 1.125rem;\n    }\n\n    &.players {\n      border-radius: 1.5rem 0 0 1.5rem;\n      border-left: 1px solid $midnight;\n    }\n    &.organisers {\n      border-left: 1px solid $midnight;\n      border-right: 1px solid $midnight;\n    }\n    &.clubs {\n      border-radius: 0 1.5rem 1.5rem 0;\n      border-right: 1px solid $midnight;\n    }\n  }\n}\n\n@media (min-width: 768px) {\n  .sub-page-nav {\n    margin: 5rem 0 0 0;\n    padding: 0 2rem;\n    a {\n      width: 10rem;\n      height: 4rem;\n\n      p {\n        font-size: 1.5rem;\n      }\n\n      &.players {\n        border-radius: 2rem 0 0 2rem;\n      }\n      &.organisers {\n        border-left: 1px solid $midnight;\n      }\n      &.clubs {\n        border-radius: 0 2rem 2rem 0;\n      }\n    }\n  }\n}\n\n@media (min-width: 1200px) {\n}\n</style>\n","import mod from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./WhyTjingWrapper.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./WhyTjingWrapper.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./WhyTjingWrapper.vue?vue&type=template&id=f661b3be&scoped=true\"\nimport script from \"./WhyTjingWrapper.vue?vue&type=script&lang=js\"\nexport * from \"./WhyTjingWrapper.vue?vue&type=script&lang=js\"\nimport style0 from \"./WhyTjingWrapper.vue?vue&type=style&index=0&id=f661b3be&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"f661b3be\",\n  null\n  \n)\n\nexport default component.exports"],"names":["render","_vm","this","_c","_self","staticClass","class","active","$route","name","attrs","_v","staticRenderFns","data","components","computed","methods","mounted","beforeCreate","destroyed","component"],"sourceRoot":""}