{"version":3,"sources":["webpack:///./src/components/Brands.vue?1a13","webpack:///./src/components/Brands.vue?c0c7","webpack:///src/components/Brands.vue","webpack:///./src/components/Brands.vue?2873","webpack:///./src/components/Brands.vue?993e"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","breakpoint","$root","scss","grid","value","settings","centerPadding","slidesToShow","slidesToScroll","_t","staticRenderFns","name","component"],"mappings":"6IAAA,W,2CCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,aAAa,CAACG,MAAM,CAAC,UAAW,EAAK,YAAa,EAAK,gBAAiB,EAAM,cAAgB,MAAM,eAAgB,EAAK,aAAe,EAAE,eAAiB,EAAE,eAAgB,EAAK,WAAa,CAC7T,CACEC,WAAYR,EAAIS,MAAMC,KAAKC,KAAK,sBAAsBC,MACtDC,SAAU,CACRC,cAAe,MACfC,aAAc,EACdC,eAAgB,IAGpB,CACER,WAAYR,EAAIS,MAAMC,KAAKC,KAAK,sBAAsBC,MACtDC,SAAU,CACRC,cAAe,MACfC,aAAc,EACdC,eAAgB,IAGpB,CACER,WAAYR,EAAIS,MAAMC,KAAKC,KAAK,sBAAsBC,MACtDC,SAAU,CACRC,cAAe,MACfC,aAAc,EACdC,eAAgB,OAGlB,CAAChB,EAAIiB,GAAG,YAAY,GAAGb,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACN,EAAIiB,GAAG,WAAW,IAAI,IACzFC,EAAkB,GCsBtB,GACEC,KAAM,UCjDwU,I,wBCQ5UC,EAAY,eACd,EACArB,EACAmB,GACA,EACA,KACA,KACA,MAIa,aAAAE,E","file":"js/component-brands.31aa8428.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.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!./Brands.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"brands\"},[_c('c-carousel',{attrs:{\"autoplay\":true,\"centerMode\":true,\"adaptiveHeight\":false,\"centerPadding\":'0px',\"focusOnSelect\":true,\"slidesToShow\":4,\"slidesToScroll\":4,\"variableWidth\":true,\"responsive\":[\n      {\n        breakpoint: _vm.$root.scss.grid['breakpoint-xl-down'].value,\n        settings: {\n          centerPadding: '0px',\n          slidesToShow: 3,\n          slidesToScroll: 3\n        }\n      },\n      {\n        breakpoint: _vm.$root.scss.grid['breakpoint-md-down'].value,\n        settings: {\n          centerPadding: '0px',\n          slidesToShow: 2,\n          slidesToScroll: 2\n        }\n      },\n      {\n        breakpoint: _vm.$root.scss.grid['breakpoint-sm-down'].value,\n        settings: {\n          centerPadding: '0px',\n          slidesToShow: 1,\n          slidesToScroll: 1\n        }\n      }\n    ]}},[_vm._t(\"default\")],2),_c('div',{staticClass:\"brands-footer\"},[_vm._t(\"footer\")],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"brands\">\r\n    <c-carousel\r\n      :autoplay=\"true\"\r\n      :centerMode=\"true\"\r\n      :adaptiveHeight=\"false\"\r\n      :centerPadding=\"'0px'\"\r\n      :focusOnSelect=\"true\"\r\n      :slidesToShow=\"4\"\r\n      :slidesToScroll=\"4\"\r\n      :variableWidth=\"true\"\r\n      :responsive=\"[\r\n        {\r\n          breakpoint: $root.scss.grid['breakpoint-xl-down'].value,\r\n          settings: {\r\n            centerPadding: '0px',\r\n            slidesToShow: 3,\r\n            slidesToScroll: 3\r\n          }\r\n        },\r\n        {\r\n          breakpoint: $root.scss.grid['breakpoint-md-down'].value,\r\n          settings: {\r\n            centerPadding: '0px',\r\n            slidesToShow: 2,\r\n            slidesToScroll: 2\r\n          }\r\n        },\r\n        {\r\n          breakpoint: $root.scss.grid['breakpoint-sm-down'].value,\r\n          settings: {\r\n            centerPadding: '0px',\r\n            slidesToShow: 1,\r\n            slidesToScroll: 1\r\n          }\r\n        }\r\n      ]\"\r\n    >\r\n      <slot/>\r\n    </c-carousel>\r\n\r\n    <div class=\"brands-footer\">\r\n      <slot name=\"footer\"/>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'Brands'\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n$brands-margin: 0 0 $component-gap !default;\r\n$brands-carousel-list-padding-y: $component-padding-y !default;\r\n$brands-carousel-list-padding-x: 0 !default;\r\n$brands-carousel-list-bg: $white !default;\r\n$brands-carousel-list-box-shadow-size: 4vw !default;\r\n\r\n$brands-logo-max-height: 80px !default;\r\n$brands-logo-opacity: 0.5 !default;\r\n$brands-logo-filter: grayscale(1) !default;\r\n$brands-logo-transition: all ease-in-out 300ms !default;\r\n$brands-logo-hover-opacity: 1 !default;\r\n$brands-logo-hover-filter: grayscale(0) !default;\r\n\r\n$brands-footer-gap: $spacer !default;\r\n\r\n.brands {\r\n  margin: $brands-margin;\r\n\r\n  div.carousel {\r\n    margin: 0;\r\n\r\n    .slick-list {\r\n      @include make-leaf();\r\n      background-color: $brands-carousel-list-bg;\r\n\r\n      &:before,\r\n      &:after {\r\n        display: block;\r\n        content: '';\r\n        position: absolute;\r\n        top: $brands-carousel-list-box-shadow-size * -1.2;\r\n        bottom: $brands-carousel-list-box-shadow-size * -1.2;\r\n        width: $brands-carousel-list-box-shadow-size * 2.4;\r\n        z-index: 2;\r\n      }\r\n\r\n      &:before {\r\n        left: 0;\r\n        box-shadow: inset ($brands-carousel-list-box-shadow-size * 1.2) 0 ($brands-carousel-list-box-shadow-size) 0 $brands-carousel-list-bg;\r\n      }\r\n\r\n      &:after {\r\n        right: 0;\r\n        box-shadow: inset ($brands-carousel-list-box-shadow-size * -1.2) 0 ($brands-carousel-list-box-shadow-size) 0 $brands-carousel-list-bg;\r\n      }\r\n\r\n      .slick-track {\r\n        padding: $brands-carousel-list-padding-y $brands-carousel-list-padding-x;\r\n        z-index: 1;\r\n      }\r\n\r\n      .slick-slide {\r\n        opacity: 1;\r\n\r\n        img {\r\n          width: auto;\r\n          height: $brands-logo-max-height;\r\n          opacity: $brands-logo-opacity;\r\n          filter: $brands-logo-filter;\r\n          transition: $brands-logo-transition;\r\n        }\r\n\r\n        &:hover {\r\n          img {\r\n            opacity: $brands-logo-hover-opacity;\r\n            filter: $brands-logo-hover-filter;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .brands-footer {\r\n    margin-top: $brands-footer-gap;\r\n    text-align: right;\r\n  }\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!./Brands.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!./Brands.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Brands.vue?vue&type=template&id=6aec934c&\"\nimport script from \"./Brands.vue?vue&type=script&lang=js&\"\nexport * from \"./Brands.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Brands.vue?vue&type=style&index=0&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":""}