{"version":3,"names":["kdxRelatedArticlesWidgetCss","KdxRelatedArticlesWidget","render","h","class"],"sources":["src/components/kdx-related-articles-widget/kdx-related-articles-widget.scss?tag=kdx-related-articles-widget","src/components/kdx-related-articles-widget/kdx-related-articles-widget.tsx"],"sourcesContent":[".kdx-related-articles-widget {\r\n    padding: 24px 0;\r\n    \r\n    .section-headline { margin: 0 0 24px 0; }\r\n    .related-article {\r\n        border-bottom: 1px solid #CECECE;        \r\n        margin-bottom: 16px;\r\n\r\n        &:last-child { border-bottom: none; }\r\n        .article-title {            \r\n            @include line-height(23);\r\n        }\r\n        .author-date {\r\n            font-weight: 600;\r\n            @include text-size(14);\r\n            @include line-height(19);\r\n            margin-bottom: 8px;\r\n\r\n            .author + .date {\r\n                border-left: 1px solid #C1C1C1;\r\n                padding-left: 8px;\r\n                margin-left: 8px;\r\n            }\r\n        }\r\n        .desc {\r\n            @include text-size(14);\r\n            @include line-height(21);\r\n        }\r\n    }\r\n}\r\n","import { Component, h } from '@stencil/core';\r\n\r\n@Component({\r\n    tag: 'kdx-related-articles-widget',\r\n    styleUrl: 'kdx-related-articles-widget.scss'\r\n})\r\nexport class KdxRelatedArticlesWidget {\r\n\r\n    render() {\r\n        return (\r\n            <section class=\"kdx-related-articles-widget\" aria-label=\"related article\">\r\n                <slot />\r\n            </section>\r\n        );\r\n    }\r\n}\r\n"],"mappings":"2CAAA,MAAMA,EAA8B,g4C,MCMvBC,EAAwB,M,yBAEjC,MAAAC,GACI,OACIC,EAAA,WAASC,MAAM,8BAA6B,aAAY,mBACpDD,EAAA,a"}