{"version":3,"sources":["webpack:///./src/components/component/LpBanner.vue?94ac","webpack:///./src/components/component/LpBanner.vue?b7dd","webpack:///src/components/component/LpBanner.vue","webpack:///./src/components/component/LpBanner.vue?9463","webpack:///./src/components/component/LpBanner.vue?accd","webpack:///./src/components/page/Post.vue?3a21","webpack:///src/components/page/Post.vue","webpack:///./src/components/page/Post.vue?1250","webpack:///./src/components/page/Post.vue?4774","webpack:///./src/components/page/Post.vue?80f2"],"names":["render","_vm","this","_h","$createElement","_c","_self","style","staticClass","_e","_v","_s","title","subTitle","staticStyle","staticRenderFns","name","props","type","String","default","img","device","color","textAlign","isDim","Boolean","contentWidthPc","contentWidthM","height","Number","top","created","setBg","ev","window","addEventListener","beforeDestroy","removeEventListener","data","bgStyle","backgroundPosition","backgroundRepeat","backgroundSize","width","position","undefined","methods","console","log","backgroundImage","innerWidth","computed","contentStylePc","contentStyleM","component","attrs","_l","cat","cat_idx","key","class","id","selectedBoardCat","on","$event","clickBoardCat","post","post_idx","clickCard","imgField","datesFormat","created_time","board_title","post_list","length","directives","rawName","value","expression","postFiltered","getBoardPost"],"mappings":"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","file":"js/chunk-0fee3810.f70215e9.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LpBanner.vue?vue&type=style&index=0&id=6556acc9&lang=stylus&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{style:(_vm.bgStyle)},[(_vm.isDim)?_c('div',{staticClass:\"dim\"}):_vm._e(),_c('div',{staticClass:\"pc content\",style:(_vm.contentStylePc)},[_c('div',{staticClass:\"h2\"},[_vm._v(_vm._s(_vm.title))]),(_vm.subTitle !== '')?_c('div',{staticClass:\"size-18\",staticStyle:{\"margin-top\":\"12px\"}},[_vm._v(_vm._s(_vm.subTitle))]):_vm._e()]),_c('div',{staticClass:\"mobile content\",style:(_vm.contentStyleM)},[_c('div',{staticClass:\"h6\"},[_vm._v(_vm._s(_vm.title))]),(_vm.subTitle !== '')?_c('div',{staticClass:\"size-14\",staticStyle:{\"margin-top\":\"4px\"}},[_vm._v(_vm._s(_vm.subTitle))]):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div :style=\"bgStyle\">\r\n    <div v-if=\"isDim\" class=\"dim\"></div>\r\n    <div class=\"pc content\" :style=\"contentStylePc\">\r\n      <div class=\"h2\">{{ title }}</div>\r\n      <div class=\"size-18\" style=\"margin-top:12px\" v-if=\"subTitle !== ''\">{{ subTitle }}</div>\r\n    </div>\r\n    <div class=\"mobile content\" :style=\"contentStyleM\">\r\n      <div class=\"h6\">{{ title }}</div>\r\n      <div class=\"size-14\" style=\"margin-top:4px\" v-if=\"subTitle !== ''\">{{ subTitle }}</div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"LpBanner\",\r\n  props: {\r\n    title: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    subTitle: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    img: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    device: {\r\n      type: String,\r\n      default: 'pc'\r\n    },\r\n    color: {\r\n      type: String,\r\n      default: 'white'\r\n    },\r\n    textAlign: {\r\n      type: String,\r\n      default: 'center'\r\n    },\r\n    isDim: {\r\n      type: Boolean,\r\n      default: true\r\n    },\r\n    contentWidthPc: {\r\n      type: String,\r\n      default: 'calc(100% - 80px)'\r\n    },\r\n    contentWidthM: {\r\n      type: String,\r\n      default: 'calc(100% - 80px)'\r\n    },\r\n    height: {\r\n      type: Number\r\n    },\r\n    top: {\r\n      type: String,\r\n      default: '50%'\r\n    }\r\n\r\n  },\r\n  created() {\r\n    this.setBg();\r\n    this.ev = () => {\r\n      this.setBg();\r\n    };\r\n    window.addEventListener('resize', this.ev);\r\n  },\r\n  beforeDestroy() {\r\n    window.removeEventListener('resize', this.ev);\r\n  },\r\n  data() {\r\n    return {\r\n      bgStyle: {\r\n        backgroundPosition: 'center',\r\n        backgroundRepeat: 'no-repeat',\r\n        backgroundSize: 'cover',\r\n        width: '100%',\r\n        color: 'white',\r\n        textAlign: 'center',\r\n        height: '100px',\r\n        position: 'relative'\r\n      },\r\n      ev: undefined\r\n    }\r\n  },\r\n  methods: {\r\n    setBg() {\r\n      console.log('setBg')\r\n      this.bgStyle.backgroundImage = `url(/static/img/${this.img})`;\r\n      let height = 0;\r\n      if (this.height) {\r\n        height = this.height;\r\n      } else {\r\n        if (this.device === 'pc') {\r\n          height = window.innerWidth / 6;\r\n        } else {\r\n          height = window.innerWidth / 2.3;\r\n        }\r\n      }\r\n      this.bgStyle.height = `${height}px`;\r\n      this.bgStyle.color = this.color;\r\n      this.bgStyle.textAlign = this.textAlign;\r\n    }\r\n  },\r\n  computed: {\r\n    contentStylePc() {\r\n      return {\r\n        width: this.contentWidthPc,\r\n        top: this.top\r\n      }\r\n    },\r\n    contentStyleM() {\r\n      return {\r\n        width: this.contentWidthM,\r\n        top: this.top\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n  .dim\r\n    background-color rgba(0,0,0,0.3)\r\n    position absolute\r\n    top 0\r\n    left 0\r\n    width 100%\r\n    height 100%\r\n\r\n  .content\r\n    position absolute\r\n    left 50%\r\n    transform translate(-50%, -50%)\r\n    white-space pre-line\r\n    word-break keep-all\r\n\r\n</style>\r\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!./LpBanner.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!./LpBanner.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LpBanner.vue?vue&type=template&id=6556acc9&scoped=true&\"\nimport script from \"./LpBanner.vue?vue&type=script&lang=js&\"\nexport * from \"./LpBanner.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LpBanner.vue?vue&type=style&index=0&id=6556acc9&lang=stylus&scoped=true&\"\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  \"6556acc9\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-top\"},[_c('div',{staticClass:\"pc\"},[_c('lp-banner',{attrs:{\"img\":\"page_thumb_scrap.png\",\"title\":\"블로그\",\"sub-title\":\"스타트업, 플랫폼 사업정보를 런치팩 스크랩을 통해서 만나보세요!\"}}),_c('div',{staticClass:\"flex-center board-cat-wrapper\"},_vm._l((_vm.board_cat_list),function(cat,cat_idx){return _c('div',{key:(\"board-\" + cat_idx),staticClass:\"board-cat-st subtitle5 unselect\",class:{'primary':cat.id===_vm.selectedBoardCat.id},on:{\"click\":function($event){return _vm.clickBoardCat(cat)}}},[_vm._v(\" \"+_vm._s(cat.name)+\" \"),_c('div',{class:{'board-cat-selected':cat.id===_vm.selectedBoardCat.id}})])}),0),_c('div',{staticClass:\"container\"},[(_vm.post_list)?_c('div',{staticClass:\"post-wrapper\",staticStyle:{\"margin-top\":\"120px\"}},_vm._l((_vm.post_list),function(post,post_idx){return _c('div',{key:(\"post-\" + post_idx),staticClass:\"unselect\",on:{\"click\":function($event){return _vm.clickCard(post)}}},[_c('div',{staticClass:\"card-img\",style:(_vm.imgField(post.img))}),_c('div',{staticClass:\"subtitle4 sub margin-top-16\"},[_vm._v(_vm._s(post.title))]),_c('div',{staticClass:\"body5 sub3 margin-top-8\"},[_c('span',[_vm._v(_vm._s(_vm.datesFormat(post.created_time, 'date_3')))]),_c('span',{staticClass:\"margin-left-20\"},[_vm._v(_vm._s(post.board_title))])])])}),0):_vm._e()]),(_vm.post_list && _vm.post_list.length===0)?_c('div',[_c('div',{staticClass:\"subtitle4 sub3 padding-68 text-center\"},[_vm._v(\"게시물이 없습니다.\")]),_c('div',{staticClass:\"lp-divider-gray1\"})]):_vm._e(),_c('lp-paginate',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.post_list && _vm.post_list.length>0),expression:\"post_list && post_list.length>0\"}],staticClass:\"padding-top-80\",attrs:{\"filtered\":_vm.postFiltered},on:{\"getData\":_vm.getBoardPost}})],1),_c('div',{staticClass:\"mobile\"},[_c('lp-banner',{attrs:{\"img\":\"page_thumb_scrap.png\",\"device\":\"mobile\",\"title\":\"블로그\",\"sub-title\":\"스타트업, 플랫폼 사업정보를 런치팩 스크랩을 통해서 만나보세요!\"}}),_c('div',{staticClass:\"board-cat-wrapper\"},[_c('div',{staticClass:\"flex-center\",staticStyle:{\"width\":\"fit-content\",\"margin\":\"auto\"}},_vm._l((_vm.board_cat_list),function(cat,cat_idx){return _c('div',{key:(\"board-\" + cat_idx),staticClass:\"board-cat-st subtitle7 unselect\",class:{'primary':cat.id===_vm.selectedBoardCat.id},on:{\"click\":function($event){return _vm.clickBoardCat(cat)}}},[_vm._v(\" \"+_vm._s(cat.name)+\" \"),_c('div',{class:{'board-cat-selected':cat.id===_vm.selectedBoardCat.id}})])}),0)]),_c('div',{staticClass:\"container\"},[(_vm.post_list && _vm.post_list.length>0)?_c('div',{staticClass:\"post-wrapper\",staticStyle:{\"margin-top\":\"76px\"}},_vm._l((_vm.post_list),function(post,post_idx){return _c('div',{key:(\"post-\" + post_idx),on:{\"click\":function($event){return _vm.clickCard(post)}}},[_c('div',{staticClass:\"card-img\",style:(_vm.imgField(post.img))}),_c('div',{staticClass:\"subtitle7 sub margin-top-8 ellipsis-2\"},[_vm._v(_vm._s(post.title))]),_c('div',{staticClass:\"body6 sub3 margin-top-4\"},[_c('span',[_vm._v(_vm._s(_vm.datesFormat(post.created_time, 'date_3')))]),_c('span',{staticClass:\"margin-left-20\"},[_vm._v(_vm._s(post.board_title))])])])}),0):_vm._e()]),(_vm.post_list && _vm.post_list.length===0)?_c('div',[_c('div',{staticClass:\"body6 sub3 padding-28 text-center\"},[_vm._v(\"게시물이 없습니다.\")]),_c('div',{staticClass:\"lp-divider-gray1\"})]):_vm._e(),_c('lp-paginate',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.post_list && _vm.post_list.length>0),expression:\"post_list && post_list.length>0\"}],staticClass:\"margin-top-40\",attrs:{\"filtered\":_vm.postFiltered},on:{\"getData\":_vm.getBoardPost}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"container-top\">\r\n    <div class=\"pc\">\r\n      <!-- banner -->\r\n      <lp-banner img=\"page_thumb_scrap.png\"\r\n                 title=\"블로그\"\r\n                 sub-title=\"스타트업, 플랫폼 사업정보를 런치팩 스크랩을 통해서 만나보세요!\"></lp-banner>\r\n      <!-- board category -->\r\n      <div class=\"flex-center board-cat-wrapper\">\r\n        <div class=\"board-cat-st subtitle5 unselect\"\r\n             :class=\"{'primary':cat.id===selectedBoardCat.id}\"\r\n             v-for=\"(cat, cat_idx) in board_cat_list\"\r\n             :key=\"`board-${cat_idx}`\"\r\n             @click=\"clickBoardCat(cat)\">\r\n          {{ cat.name }}\r\n          <div :class=\"{'board-cat-selected':cat.id===selectedBoardCat.id}\"></div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"container\">\r\n        <!-- board  -->\r\n        <!--<div class=\"board-wrapper\">\r\n          <div class=\"flex-align\" v-if=\"selectedBoardCat.id\">\r\n            <div class=\"board-st subtitle4 unselect body2-medium\"\r\n                 :class=\"{'board-selected':board.id===selectedBoard.id}\"\r\n                 v-for=\"(board, board_idx) in board_list\"\r\n                 :key=\"`board-${board_idx}`\"\r\n                 @click=\"clickBoard(board)\">{{ board.name }}</div>\r\n          </div>\r\n        </div>-->\r\n        <div class=\"post-wrapper\" style=\"margin-top:120px\" v-if=\"post_list\">\r\n          <!-- post -->\r\n          <div class=\"unselect\"\r\n               v-for=\"(post, post_idx) in post_list\"\r\n               :key=\"`post-${post_idx}`\"\r\n               @click=\"clickCard(post)\">\r\n            <div class=\"card-img\" :style=\"imgField(post.img)\"></div>\r\n            <div class=\"subtitle4 sub margin-top-16\">{{ post.title }}</div>\r\n            <div class=\"body5 sub3 margin-top-8\">\r\n              <span>{{ datesFormat(post.created_time, 'date_3') }}</span>\r\n              <span class=\"margin-left-20\">{{ post.board_title }}</span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div v-if=\"post_list && post_list.length===0\">\r\n        <div class=\"subtitle4 sub3 padding-68 text-center\">게시물이 없습니다.</div>\r\n        <div class=\"lp-divider-gray1\"></div>\r\n      </div>\r\n      <!-- 페이지네이션 -->\r\n      <lp-paginate :filtered=\"postFiltered\"\r\n                   @getData=\"getBoardPost\"\r\n                   class=\"padding-top-80\"\r\n                   v-show=\"post_list && post_list.length>0\"></lp-paginate>\r\n    </div>\r\n\r\n    <div class=\"mobile\">\r\n      <lp-banner img=\"page_thumb_scrap.png\" device=\"mobile\"\r\n                 title=\"블로그\"\r\n                 sub-title=\"스타트업, 플랫폼 사업정보를 런치팩 스크랩을 통해서 만나보세요!\"></lp-banner>\r\n      <!-- board category -->\r\n      <div class=\"board-cat-wrapper\">\r\n        <div class=\"flex-center\" style=\"width:fit-content;margin:auto\">\r\n          <div class=\"board-cat-st subtitle7 unselect\" :class=\"{'primary':cat.id===selectedBoardCat.id}\"\r\n               v-for=\"(cat, cat_idx) in board_cat_list\" :key=\"`board-${cat_idx}`\" @click=\"clickBoardCat(cat)\">\r\n            {{ cat.name }}\r\n            <div :class=\"{'board-cat-selected':cat.id===selectedBoardCat.id}\"></div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"container\">\r\n        <!-- board  -->\r\n        <!--<div class=\"board-wrapper\">\r\n          <div class=\"flex-align\" v-if=\"selectedBoardCat.id\">\r\n            <div class=\"board-st unselect body5-medium\" :class=\"{'board-selected':board.id===selectedBoard.id}\"\r\n                 v-for=\"(board, board_idx) in board_list\" :key=\"`board-${board_idx}`\" @click=\"clickBoard(board)\">{{ board.name }}</div>\r\n          </div>\r\n        </div>-->\r\n        <div class=\"post-wrapper\" style=\"margin-top:76px\" v-if=\"post_list && post_list.length>0\">\r\n          <!-- post -->\r\n          <div v-for=\"(post, post_idx) in post_list\" :key=\"`post-${post_idx}`\"\r\n               @click=\"clickCard(post)\">\r\n            <div class=\"card-img\" :style=\"imgField(post.img)\"></div>\r\n            <div class=\"subtitle7 sub margin-top-8 ellipsis-2\">{{ post.title }}</div>\r\n            <div class=\"body6 sub3 margin-top-4\">\r\n              <span>{{ datesFormat(post.created_time, 'date_3') }}</span>\r\n              <span class=\"margin-left-20\">{{ post.board_title }}</span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div v-if=\"post_list && post_list.length===0\">\r\n        <div class=\"body6 sub3 padding-28 text-center\">게시물이 없습니다.</div>\r\n        <div class=\"lp-divider-gray1\"></div>\r\n      </div>\r\n      <!-- 페이지네이션 -->\r\n      <lp-paginate :filtered=\"postFiltered\"\r\n                   @getData=\"getBoardPost\"\r\n                   class=\"margin-top-40\"\r\n                   v-show=\"post_list && post_list.length>0\"></lp-paginate>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\n  import LpPaginate from \"../component/LpPaginate\";\r\n  import LpBanner from \"../component/LpBanner\";\r\n  export default {\r\n    name: \"Post\",\r\n    components: {LpBanner, LpPaginate},\r\n    created() {\r\n      this.getBoardCategory();\r\n      this.getBoard();\r\n      this.getBoardPost();\r\n    },\r\n    data() {\r\n      return {\r\n        board_cat_list: [],\r\n        board_list: [],\r\n        post_list: undefined,\r\n        postFiltered: {\r\n          cur_page: 1,\r\n          page_num:1,\r\n          total_page:1,\r\n          page_length: 9\r\n        },\r\n        selectedBoardCat: {name:'전체',id:''},\r\n        selectedBoard: {name:'전체',id:''}\r\n      }\r\n    },\r\n    methods: {\r\n      clickCard(post) {\r\n        this.routeGa('', `블로그 카드(${post.title})`, post.title);\r\n        this.routerPush(`post/detail?id=${post.id}&board_id=${post.board}`, true);\r\n      },\r\n      clickBoardCat(cat) {\r\n        this.selectedBoardCat = cat;\r\n        this.selectedBoard = {name:'전체',id: ''};\r\n        if(cat.id==='') {\r\n          this.selectedBoardCat = {name:'전체',id: ''};\r\n        }\r\n        this.board_list = [];\r\n        this.getBoard();\r\n        this.getBoardPost();\r\n      },\r\n      clickBoard(board) {\r\n        this.selectedBoard = board;\r\n        if(board.id==='') {\r\n          this.selectedBoard = {name:'전체',id: ''};\r\n        }\r\n        this.getBoardPost();\r\n      },\r\n      getBoardCategory() {\r\n        this.$axios.get('public/board/category').then(res=>{\r\n          if(res.data.length>0) {\r\n            let list = [{name:'전체',id:''}];\r\n            this.board_cat_list = list.concat(res.data);\r\n          } else {\r\n            this.board_cat_list = [];\r\n          }\r\n        })\r\n      },\r\n      getBoard() {\r\n        let url = 'public/board';\r\n        let params = {};\r\n        if(this.selectedBoardCat.id) params.cat1 = this.selectedBoardCat.id;\r\n        this.$axios.get(url, {\r\n          params: params\r\n        }).then(res=>{\r\n          if(res.data.length>0) {\r\n            let list = [{name:'전체',id:''}];\r\n            this.board_list = list.concat(res.data);\r\n          } else {\r\n            this.board_list = [];\r\n          }\r\n        })\r\n      },\r\n      getBoardPost() {\r\n        let url = '';\r\n        if(this.selectedBoard.id) {\r\n          url = `public/board/${this.selectedBoard.id}/post`;\r\n        } else {\r\n          url = 'public/board/post';\r\n        }\r\n        let params = this.cloneItem(this.postFiltered);\r\n        if(this.selectedBoardCat.id) params.cat1 = this.selectedBoardCat.id;\r\n        this.$axios.get(url, {\r\n          params: params\r\n        }).then(res=>{\r\n          this.post_list = res.data.data;\r\n          this.postFiltered.page_length = res.data.page_length;\r\n          this.postFiltered.cur_page = res.data.cur_page;\r\n          this.postFiltered.total_page = res.data.total_page;\r\n          this.postFiltered.count = res.data.count;\r\n        })\r\n      }\r\n    }\r\n  }\r\n</script>\r\n<style lang=\"stylus\" scoped>\r\n  @import '~assets/css/lp_main'\r\n\r\n  .board-cat-wrapper\r\n    overflow-x scroll\r\n    -ms-overflow-style none /* IE and Edge */\r\n    scrollbar-width none /* Firefox */\r\n\r\n  .board-cat-wrapper::-webkit-scrollbar\r\n    display none /* Chrome, Safari, Opera*/\r\n\r\n  .board-cat-st\r\n    flex 0 0 auto\r\n    position relative\r\n    white-space nowrap\r\n\r\n  .board-wrapper\r\n    display flex\r\n    justify-content center\r\n    overflow-x scroll\r\n    -ms-overflow-style none /* IE and Edge */\r\n    scrollbar-width none /* Firefox */\r\n\r\n  .board-wrapper::-webkit-scrollbar\r\n    display none /* Chrome, Safari, Opera*/\r\n\r\n  .pc\r\n    .post-banner\r\n      position relative\r\n      width 100%\r\n      height 250px\r\n      background-color white\r\n\r\n    .board-cat-wrapper\r\n      border-bottom 1px solid $gray1\r\n\r\n\r\n    .board-cat-st\r\n      padding 20px 24px\r\n      position relative\r\n\r\n    .board-cat-selected\r\n      position absolute\r\n      left 0\r\n      bottom 0\r\n      width 100%\r\n      background-color $primary\r\n      height 3px\r\n\r\n    .board-wrapper\r\n      height 120px\r\n\r\n    .board-st\r\n      padding 8px 16px\r\n      background-color $gray4\r\n      color $sub3\r\n      border-radius 24px\r\n      margin 0 8px\r\n\r\n    .board-selected\r\n      color white\r\n      background-color $primary\r\n\r\n    .post-wrapper\r\n      display grid\r\n      grid-gap 30px 24px\r\n      grid-template-columns repeat(3, 1fr)\r\n\r\n    .card-img\r\n      position relative\r\n      width 100%\r\n      height 250px\r\n      border-radius 8px\r\n      background-color white\r\n  .mobile\r\n    .post-banner\r\n      position relative\r\n      width 100%\r\n      height 160px\r\n      background-color white\r\n\r\n    .board-cat-wrapper\r\n      border-bottom 1px solid $gray1\r\n\r\n\r\n    .board-cat-st\r\n      padding 12px 16px\r\n      position relative\r\n\r\n    .board-cat-selected\r\n      position absolute\r\n      left 0\r\n      bottom 0\r\n      width 100%\r\n      background-color $primary\r\n      height 3px\r\n\r\n    .board-wrapper\r\n      height 78px\r\n\r\n    .board-st\r\n      padding 8px 16px\r\n      background-color $gray4\r\n      color $sub3\r\n      border-radius 24px\r\n      margin 0 4px\r\n\r\n    .board-selected\r\n      color white\r\n      background-color $primary\r\n\r\n    .post-wrapper\r\n      display grid\r\n      grid-gap 32px 12px\r\n      grid-template-columns repeat(2, 1fr)\r\n\r\n    .card-img\r\n      position relative\r\n      width 100%\r\n      height 163px\r\n      border-radius 8px\r\n      background-color white\r\n\r\n</style>\r\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!./Post.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!./Post.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Post.vue?vue&type=template&id=a094c5ea&scoped=true&\"\nimport script from \"./Post.vue?vue&type=script&lang=js&\"\nexport * from \"./Post.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Post.vue?vue&type=style&index=0&id=a094c5ea&lang=stylus&scoped=true&\"\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  \"a094c5ea\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Post.vue?vue&type=style&index=0&id=a094c5ea&lang=stylus&scoped=true&\""],"sourceRoot":""}