{"version":3,"sourceRoot":"","sources":["../scss-styles/components/_featured-news.scss","../scss-styles/featured-news.scss"],"names":[],"mappings":"AAAA,eACC,aAEA,0BACA,mCAGA,iBACC,SACA,sBAIA,wCACC,cACA,WACA,mBAKD,6DACC,mBChBF,UDiBgC,SChBhC,6CDcC,6DCbA,sEAED,wBDWC,6DCVA,yCDcA,wCACC,gBACA,mBACA,kBAIA,iEACC,mBAMJ,qCACC,eACC,+BAEA,SAED,qBACC,qBACA,WAGD,uBACC,qBACA,WAIA,2BACC,qBACA,eAEA,+CACC","file":"featured-news.css","sourcesContent":[".featured-news {\r\n\tdisplay: grid;\r\n\r\n\tgrid-template-columns: 1fr;\r\n\tgrid-template-rows: max-content 1fr;\r\n\r\n\r\n\t* {\r\n\t\tmargin: 0;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.featured-news-image {\r\n\t\timg {\r\n\t\t\tdisplay: block;\r\n\t\t\twidth: 100%;\r\n\t\t\tmargin-bottom: 0.5em;\r\n\t\t}\r\n\t}\r\n\r\n\t.featured-news-content {\r\n\t\t.featured-news-heading {\r\n\t\t\tmargin-bottom: 0.5em;\r\n\t\t\t@include responsive-font-size(2.0736em, 0.36780625em, 36em, 75em);\r\n\t\t}\r\n\t\tp {\r\n\t\t\tfont-size: 1.1em;\r\n\t\t\tmargin-bottom: 0.5em;\r\n\t\t\tline-height: 1.5em;\r\n\t\t}\r\n\r\n\t\t.featured-news-metadata {\r\n\t\t\tdd {\r\n\t\t\t\tmargin-bottom: 0.5em;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@media screen and (min-width: 768px) {\r\n\t.featured-news {\r\n\t\tgrid-template-columns: 60% auto;\r\n\t\t// grid-template-rows: auto;\r\n\t\tgap: 20px;\r\n\t}\r\n\t.featured-news-image {\r\n\t\tgrid-column: 2 / span 1;\r\n\t\tgrid-row: 1;\r\n\r\n\t}\r\n\t.featured-news-content {\r\n\t\tgrid-column: 1 / span 1;\r\n\t\tgrid-row: 1;\r\n\t}\r\n\r\n\t.featured-news-metadata {\r\n\t\tdd {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tfont-size: 0.9em;\r\n\r\n\t\t\t&:not(:first-of-type) {\r\n\t\t\t\tmargin-left: 1.5em;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}","// Import only what's needed\n@import \"./variables/breakpoints\";\n@import \"./variables/main-colors\";\n\n// Import only responsive-font-size mixin\n@mixin responsive-font-size($size, $vw-adjustment, $min-vw, $max-vw) {\n\tfont-size: $size;\n\t@media (min-width: $min-vw) and (max-width: $max-vw) {\n\t\tfont-size: calc(#{$size} + #{$vw-adjustment} * (100vw - #{$min-vw}) / (#{$max-vw} - #{$min-vw}));\n\t}\n\t@media (min-width: $max-vw) {\n\t\tfont-size: calc(#{$size} + #{$vw-adjustment});\n\t}\n}\n\n@import \"./components/_featured-news\";\n"]}