{"version":3,"sources":["components/common/assets/common-frontend.scss","components/common/assets/common-frontend.css","components/common/assets/_common.scss"],"names":[],"mappings":"AAGA;EAGE,aAAa;ACJf;;ADQA;EEiFI,aAAa;ADrFjB;;ADQA;EACC,kBAAkB;ACLnB;;ADOC;EACC,cEI6B;ADR/B;;ADOC;EACC,cEE4B;ADN9B;;ADJA;EE6BC,yBFjB0C;EEkB1C,WFlB8B;EAE7B,SAAS;EACT,yBEL4B;ADC9B;;ADOC;EACC,cAAc;EACd,eAAe;EACf,kBAAkB;ACJpB;;ADOC;EEUA,YFTkC;EEUlC,kBAAkB;EAClB,WFXwC;EAEvC,OAAO;EACP,MAAM;EACN,WAAW;ACHb;;ADMC;EE4BA,oBAAoB;EACpB,yBAAyB;EACzB,oBAAoB;EACpB,qBAAqB;AD9BtB;;ADDE;EEmCA,wBAAwB;AD9B1B;;ADDC;EEFA,YApBwB;EAqBxB,kBAAkB;EAClB,WAtBwB;EFyBvB,SExB0B;EFyB1B,kBAAkB;EAClB,UExBkC;EFyBlC,WAAW;ACKb;;ADXE;EEPD,cAAc;EACd,WAhBwB;ADsCzB","file":"common-frontend.css","sourcesContent":["// import mixins and variables\r\n@import '../../common/assets/common.scss';\r\n\r\n.bpf-hide-default-title {\r\n\r\n\t.entry-title {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\nbody {\r\n\t@include bpfClearForeignContent();\r\n}\r\n\r\n.bpf-content {\r\n\tposition: relative;\r\n\r\n\t&--light {\r\n\t\tcolor: $frontend-color--light;\r\n\t}\r\n\r\n\t&--dark {\r\n\t\tcolor: $frontend-color--dark;\r\n\t}\r\n\r\n\tiframe {\r\n\t\t@include bpfDisplayBlock(100%, !important);\r\n\r\n\t\tmargin: 0;\r\n\t\tbackground-color: $frontend-color--dark;\r\n\t}\r\n\r\n\t&__grid {\r\n\t\tmargin: 0 auto;\r\n\t\tmax-width: 100%;\r\n\t\tposition: relative;\r\n\t}\r\n\r\n\t&__permalink {\r\n\t\t@include bpfPositionAbsolute(100%, 100%);\r\n\r\n\t\tleft: 0;\r\n\t\ttop: 0;\r\n\t\tz-index: 10;\r\n\t}\r\n\r\n\t&__title {\r\n\t\t@include bpfResetText();\r\n\t}\r\n\r\n\t&__icon {\r\n\t\t@include bpfPositionAbsolute($frontend-icon-size, $frontend-icon-size);\r\n\r\n\t\tleft: $frontend-icon-distance;\r\n\t\ttext-align: center;\r\n\t\ttop: $frontend-link-quote-distance;\r\n\t\tz-index: 20;\r\n\r\n\t\t&:after {\r\n\t\t\t@include bpfDisplayBlock($frontend-icon-size);\r\n\t\t}\r\n\t}\r\n}\r\n",".bpf-hide-default-title .entry-title {\n  display: none;\n}\n\nbody .bpf-content *:not([class*=\"bpf-content\"]) {\n  display: none;\n}\n\n.bpf-content {\n  position: relative;\n}\n\n.bpf-content--light {\n  color: #ffffff;\n}\n\n.bpf-content--dark {\n  color: #000000;\n}\n\n.bpf-content iframe {\n  display: block !important;\n  width: 100%;\n  margin: 0;\n  background-color: #000000;\n}\n\n.bpf-content__grid {\n  margin: 0 auto;\n  max-width: 100%;\n  position: relative;\n}\n\n.bpf-content__permalink {\n  height: 100%;\n  position: absolute;\n  width: 100%;\n  left: 0;\n  top: 0;\n  z-index: 10;\n}\n\n.bpf-content__title {\n  border: 0 !important;\n  color: inherit !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n.bpf-content__title:before, .bpf-content__title:after {\n  display: none !important;\n}\n\n.bpf-content__icon {\n  height: 40px;\n  position: absolute;\n  width: 40px;\n  left: 1em;\n  text-align: center;\n  top: 2.5em;\n  z-index: 20;\n}\n\n.bpf-content__icon:after {\n  display: block;\n  width: 40px;\n}\n","// backend variables\r\n$backend-transition-timing: 0.15s;\r\n$backend-transition-easing: ease-in-out;\r\n$backend-opacity-transition: opacity $backend-transition-timing $backend-transition-easing;\r\n\r\n$backend-distance: 12px;\r\n$backend-distance--large: $backend-distance;\r\n$backend-distance--small: $backend-distance--large / 2;\r\n\r\n$backend-color--light: #ffffff;\r\n\r\n$backend-icon: 20px;\r\n$backend-icon-inner: $backend-icon - 2;\r\n$backend-icon-offset: 3px;\r\n\r\n// frontend variables\r\n$frontend-transition-timing: 0.3s;\r\n$frontend-transition-easing: ease-in-out;\r\n$frontend-opacity-transition: opacity 1s $frontend-transition-easing; // hardcode timing, for gallery transitions only\r\n$frontend-color-transition: color $frontend-transition-timing $frontend-transition-easing;\r\n$frontend-background-color-transition: background-color $frontend-transition-timing $frontend-transition-easing;\r\n\r\n$frontend-color--light: #ffffff;\r\n$frontend-color--medium: #808080;\r\n$frontend-color--dark: #000000;\r\n\r\n$frontend-arrow-size: 40px;\r\n$frontend-bullet-size: 10px;\r\n$frontend-icon-size: 40px;\r\n$frontend-icon-distance: 1em;\r\n\r\n$frontend-link-quote-distance: 2.5em;\r\n\r\n// mixins\r\n@mixin bpfClearfix() {\r\n\t&:after {\r\n\t\tclear: both;\r\n\t\tcontent: '';\r\n\t\tdisplay: table;\r\n\t}\r\n}\r\n\r\n@mixin bpfDisplayBlock($width:100%,$important:null) {\r\n\tdisplay: block $important;\r\n\twidth: $width;\r\n}\r\n\r\n@mixin bpfPositionAbsolute($height,$width) {\r\n\theight: $height;\r\n\tposition: absolute;\r\n\twidth: $width;\r\n}\r\n\r\n@mixin bpfBackgroundStyle() {\r\n\tbackground-color: lighten($frontend-color--medium, 30);\r\n\tbackground-position: center;\r\n\tbackground-size: cover;\r\n}\r\n\r\n@mixin bpfIcon($content,$size) {\r\n\tcontent: $content;\r\n\tfont-family: dashicons;\r\n\tfont-size: $size;\r\n\tfont-weight: 400;\r\n\theight: $size;\r\n\tline-height: 100%;\r\n\tright: 0;\r\n\ttop: 0;\r\n\twidth: $size;\r\n\r\n\t@include bpfPositionAbsolute($size, $size);\r\n}\r\n\r\n@mixin bpfResetText() {\r\n\tborder: 0 !important;\r\n\tcolor: inherit !important;\r\n\tmargin: 0 !important;\r\n\tpadding: 0 !important;\r\n\r\n\t&:before,\r\n\t&:after {\r\n\t\tdisplay: none !important;\r\n\t}\r\n}\r\n\r\n@mixin bpfClearForeignContent() {\r\n\t.bpf-content {\r\n\r\n\t\t* {\r\n\r\n\t\t\t&:not([class*=\"bpf-content\"]) {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n"]}