{"version":3,"names":["kdxBreadcrumbsCss","StBreadcrumbs","render","h","class","this","classes"],"sources":["src/components/shared/kdx-breadcrumbs/kdx-breadcrumbs.scss?tag=kdx-breadcrumbs","src/components/shared/kdx-breadcrumbs/kdx-breadcrumbs.tsx"],"sourcesContent":[".kdx-breadcrumbs ul {\r\n    display: inline-block;\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: $gutter-def 0 0;\r\n\r\n\t.tm-bio-links a {\r\n\t\tcolor: #202B3C;\r\n\t}\r\n\r\n\tli {\r\n\t\tdisplay: inline-block;\r\n\t\tlist-style: none;\r\n\t\tcolor: #696969;\r\n\t\t@include text-size(14);\r\n\t\t@include line-height(20);\r\n\t\tfont-weight: 600;\r\n\t\r\n\t\t.svg-icon {\r\n\t\t\theight: 15px;\r\n\t\t\twidth: 15px;\r\n\r\n\t\t\t.tm-bio-links svg {\r\n\t\t\t\tfill: #202B3C;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tsvg {\r\n\t\t\t\tfill: $primary;\r\n\t\t\t\ttransform: translateY(-3px);\r\n\t\t\t\t@include transitionDefault(fill);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:before {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t\r\n\t\t&:after {\r\n\t\t\tcontent: '|';\r\n\t\t\tpadding: 0 10px;\r\n\t\t\tcolor: #108479;\r\n\t\t}\r\n\t\r\n\t\t// link styles\r\n\t\ta {\r\n\t\t\tfont-weight: 700;\r\n\t\t\tposition: relative;\r\n\t\t\ttext-decoration: none;\r\n\t\r\n\t\t\t&:after {\r\n\t\t\t\tcontent: '';\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tbottom: 0px;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\tbackground-color: $primary;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 1px;\r\n\t\t\t\topacity: 1;\r\n\t\t\t\t@include transitionDefault(opacity);\r\n\t\t\t}\r\n\t\r\n\t\t\t&:hover, &:focus {\r\n\t\t\t\tcolor: #000;\r\n\t\r\n\t\t\t\tsvg {\r\n\t\t\t\t\tfill: $gray-dark;\r\n\t\t\t\t\t@include transitionDefault(fill);\r\n\t\t\t\t}\r\n\t\r\n\t\t\t\t&:after {\r\n\t\t\t\t\topacity: 0;\r\n\t\t\t\t\t@include transitionDefault(opacity);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.active {\r\n\t\t\t&:after {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\r\n\t\t\ta {\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n    @include media-breakpoint-down(md) {\r\n        display: none;\r\n    }\r\n}\r\n","import { Component, h, ComponentInterface, Prop } from '@stencil/core';\r\n\r\n@Component({\r\n\ttag: 'kdx-breadcrumbs',\r\n\tstyleUrl: 'kdx-breadcrumbs.scss',\r\n\tshadow: false\r\n})\r\n\r\nexport class StBreadcrumbs implements ComponentInterface {\r\n\t@Prop() classes: string;\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<div class={`container-fluid kdx-breadcrumbs${this.classes ? ` ${this.classes}` : ''}`}>\r\n\t\t\t\t<div class=\"row\">\r\n\t\t\t\t\t<div class=\"col-12\">\r\n\t\t\t\t\t\t<slot />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}"],"mappings":"2CAAA,MAAMA,EAAoB,y6D,MCQbC,EAAa,M,gDAGzB,MAAAC,GACC,OACCC,EAAA,OAAKC,MAAO,kCAAkCC,KAAKC,QAAU,IAAID,KAAKC,UAAY,MACjFH,EAAA,OAAKC,MAAM,OACVD,EAAA,OAAKC,MAAM,UACVD,EAAA,e"}