{"version":3,"sourceRoot":"","sources":["../scss-styles/components/_blockquote.scss"],"names":[],"mappings":"AAEA,WACC,YAHqB,qCAOrB,sBACC,SACA,8BACA,kBACA,uBACA,kBAID,uBACC,8BACA,uBACA,kBAEA,8BACC,WACA,WACA,cAGD,kCACC,SACA,SACA,kBACA,UAGD,+BACC,eACA,kBACA,oBACA,wBACA,aACA,mBAGD,yCACC,kBACA,YACA,WACA,gBACA,kBACA,kBAEA,6CACC,kBACA,SACA,QACA,wCACA,gCAIF,6BACC,gBACA,cACA,gBACA,cAEA,iBAMD,yBACC,+BACC,YAGD,yCACC,YACA,YAIF,6CACC,6BACC,+CAIF,wBACC,6BACC,kBAKF,qCACC,4BACA,+BAGD,6CACC,qCACC,6DAIF,wBACC,qCACC,+BAMH,4BACC,iBACA,iBAGA,yCACC","file":"blockquote.css","sourcesContent":["$article-font-family: \"PT Sans\", Helvetica, Arial, sans-serif;\r\n\r\n.container {\r\n\tfont-family: $article-font-family;\r\n\t//font-size: 0.9em;\r\n\r\n\r\n\tblockquote {\r\n\t\tborder: 0;\r\n\t\tborder-left: 5px solid #dedede;\r\n\t\tfont-size: inherit;\r\n\t\tmargin: 0 0 1.5625rem 0;\r\n\t\tpadding: 1em 1.2em;\r\n\t}\r\n\r\n\r\n\t.blockquote {\r\n\t\tborder-left: 5px solid #dedede;\r\n\t\tmargin: 0 0 1.5625rem 0;\r\n\t\tpadding: 1em 1.2em;\r\n\r\n\t\t&::after {\r\n\t\t\tclear: both;\r\n\t\t\tcontent: \"\";\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\r\n\t\t>blockquote {\r\n\t\t\tborder: 0;\r\n\t\t\tmargin: 0;\r\n\t\t\tfont-size: inherit;\r\n\t\t\tpadding: 0;\r\n\t\t}\r\n\r\n\t\t.author {\r\n\t\t\tfont-size: 1rem;\r\n\t\t\tfont-style: normal;\r\n\t\t\tline-height: inherit;\r\n\t\t\tpadding: 1.5625rem 0 0 0;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t}\r\n\r\n\t\t.author-thumbnail {\r\n\t\t\tborder-radius: 50%;\r\n\t\t\theight: 50px;\r\n\t\t\twidth: 50px;\r\n\t\t\toverflow: hidden;\r\n\t\t\tposition: relative;\r\n\t\t\tmargin-right: 1rem;\r\n\r\n\t\t\timg {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tleft: 50%;\r\n\t\t\t\ttop: 50%;\r\n\t\t\t\t-webkit-transform: translate(-50%, -50%);\r\n\t\t\t\ttransform: translate(-50%, -50%);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.pull {\r\n\t\t\tbackground: none;\r\n\t\t\tborder-left: 0;\r\n\t\t\tfont-size: 1.2em;\r\n\t\t\tmargin: 0 auto;\r\n\t\t\t// max-width: 70ch; //Removed max-width so the quote doesn't go off the screen on smaller devices\r\n\t\t\tpadding-left: 10%;\r\n\t\t\t// padding: 0;\r\n\r\n\r\n\t\t}\r\n\r\n\t\t@media (min-width: 576px) {\r\n\t\t\t.author {\r\n\t\t\t\tfloat: right;\r\n\t\t\t}\r\n\r\n\t\t\t.author-thumbnail {\r\n\t\t\t\theight: 80px;\r\n\t\t\t\twidth: 80px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media (min-width: 36em) and (max-width: 75em) {\r\n\t\t\t.pull {\r\n\t\t\t\tfont-size: calc(1.2em + .05 * ((100vw - 36em) / 39));\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media (min-width: 75em) {\r\n\t\t\t.pull {\r\n\t\t\t\tfont-size: 1.25em;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n\t\t.font-scale-2 {\r\n\t\t\tfont-size: 1.44em !important;\r\n\t\t\tline-height: inherit !important\r\n\t\t}\r\n\r\n\t\t@media (min-width: 36em) and (max-width: 75em) {\r\n\t\t\t.font-scale-2 {\r\n\t\t\t\tfont-size: calc(1.44em + .1225 * ((100vw - 36em) / 39)) !important\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media (min-width: 75em) {\r\n\t\t\t.font-scale-2 {\r\n\t\t\t\tfont-size: 1.5625em !important\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t.blockquote.pull {\r\n\t\tborder-left: none;\r\n\t\tmargin: 0 0 0 10%;\r\n\t\t// width: 70ch;\r\n\r\n\t\tblockquote p {\r\n\t\t\tfont-size: 1.25em;\r\n\t\t}\r\n\t}\r\n}"]}