{"version":3,"sources":["components/common/assets/common-backend.scss","components/common/assets/common-backend.css","components/common/assets/_common.scss"],"names":[],"mappings":"AAIA;EACC,kBAAsC;ACHvC;;ADKC;EAGC,kBAAsC;ACJxC;;ADME;EACC,sBAAsB;EACtB,SAAS;EACT,WAAW;ACHd;;ADOC;EACC,iBAAsC;EEuBvC,cAAc;EACd,WAFiC;ADxBlC;;ADOC;EACC,gBAAgB;ACJlB;;ADSA;EAKG,mBAAmB;EACnB,qBAAqB;EACrB,sBAAsB;EACtB,eAAe;EACf,gBAAgB;EAChB,YAAY;EACZ,gBAAgB;EAChB,iBAAiB;EACjB,YAAY;EACZ,kBAAkB;EAClB,QAAQ;EACR,WAAW;ACVd;;ADNA;EA2BK,gBAAgB;ACjBrB;;ADVA;EAqCK,gBAAgB;ACvBrB;;ADdA;EA+CK,gBAAgB;AC7BrB;;ADlBA;EAyDK,gBAAgB;ACnCrB;;ADtBA;EAmEK,gBAAgB;ACzCrB","file":"common-backend.css","sourcesContent":["// import mixins and variables\r\n@import '../../common/assets/_common.scss';\r\n\r\n// bpf control\r\n.bpf-control {\r\n\tmargin: $backend-distance--large 0 0 0;\r\n\r\n\t&__text,\r\n\t&__textarea,\r\n\t&__select {\r\n\t\tmargin: 0 0 $backend-distance--large 0;\r\n\r\n\t\t&-field {\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\tmargin: 0;\r\n\t\t\twidth: 100%;\r\n\t\t}\r\n\t}\r\n\r\n\t&__label {\r\n\t\tmargin: 0 0 $backend-distance--small 0;\r\n\r\n\t\t@include bpfDisplayBlock();\r\n\t}\r\n\r\n\t&--no-bottom-margin {\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n}\r\n\r\n// post list\r\n.wp-list-table.posts {\r\n\r\n\t.row-title {\r\n\r\n\t\t&:before {\r\n\t\t\tcolor: currentColor;\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tfont-family: dashicons;\r\n\t\t\tfont-size: 20px;\r\n\t\t\tfont-weight: 400;\r\n\t\t\theight: 20px;\r\n\t\t\tline-height: 1em;\r\n\t\t\tmargin-right: 7px;\r\n\t\t\topacity: 0.3;\r\n\t\t\tposition: relative;\r\n\t\t\ttop: 4px;\r\n\t\t\twidth: 20px;\r\n\t\t}\r\n\t}\r\n\r\n\t.format {\r\n\r\n\t\t&-audio {\r\n\r\n\t\t\t.row-title {\r\n\r\n\t\t\t\t&:before {\r\n\t\t\t\t\tcontent: '\\f127';\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&-gallery {\r\n\r\n\t\t\t.row-title {\r\n\r\n\t\t\t\t&:before {\r\n\t\t\t\t\tcontent: '\\f161';\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&-link {\r\n\r\n\t\t\t.row-title {\r\n\r\n\t\t\t\t&:before {\r\n\t\t\t\t\tcontent: '\\f103';\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&-quote {\r\n\r\n\t\t\t.row-title {\r\n\r\n\t\t\t\t&:before {\r\n\t\t\t\t\tcontent: '\\f122';\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&-video {\r\n\r\n\t\t\t.row-title {\r\n\r\n\t\t\t\t&:before {\r\n\t\t\t\t\tcontent: '\\f126';\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n",".bpf-control {\n  margin: 12px 0 0 0;\n}\n\n.bpf-control__text, .bpf-control__textarea, .bpf-control__select {\n  margin: 0 0 12px 0;\n}\n\n.bpf-control__text-field, .bpf-control__textarea-field, .bpf-control__select-field {\n  box-sizing: border-box;\n  margin: 0;\n  width: 100%;\n}\n\n.bpf-control__label {\n  margin: 0 0 6px 0;\n  display: block;\n  width: 100%;\n}\n\n.bpf-control--no-bottom-margin {\n  margin-bottom: 0;\n}\n\n.wp-list-table.posts .row-title:before {\n  color: currentColor;\n  display: inline-block;\n  font-family: dashicons;\n  font-size: 20px;\n  font-weight: 400;\n  height: 20px;\n  line-height: 1em;\n  margin-right: 7px;\n  opacity: 0.3;\n  position: relative;\n  top: 4px;\n  width: 20px;\n}\n\n.wp-list-table.posts .format-audio .row-title:before {\n  content: '\\f127';\n}\n\n.wp-list-table.posts .format-gallery .row-title:before {\n  content: '\\f161';\n}\n\n.wp-list-table.posts .format-link .row-title:before {\n  content: '\\f103';\n}\n\n.wp-list-table.posts .format-quote .row-title:before {\n  content: '\\f122';\n}\n\n.wp-list-table.posts .format-video .row-title:before {\n  content: '\\f126';\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"]}
.bpf-control {
  margin: 12px 0 0 0;
}

.bpf-control__text, .bpf-control__textarea, .bpf-control__select {
  margin: 0 0 12px 0;
}

.bpf-control__text-field, .bpf-control__textarea-field, .bpf-control__select-field {
  box-sizing: border-box;
  margin: 0;
  width: 100%;
}

.bpf-control__label {
  margin: 0 0 6px 0;
  display: block;
  width: 100%;
}

.bpf-control--no-bottom-margin {
  margin-bottom: 0;
}

.wp-list-table.posts .row-title:before {
  color: currentColor;
  display: inline-block;
  font-family: dashicons;
  font-size: 20px;
  font-weight: 400;
  height: 20px;
  line-height: 1em;
  margin-right: 7px;
  opacity: 0.3;
  position: relative;
  top: 4px;
  width: 20px;
}

.wp-list-table.posts .format-audio .row-title:before {
  content: '\f127';
}

.wp-list-table.posts .format-gallery .row-title:before {
  content: '\f161';
}

.wp-list-table.posts .format-link .row-title:before {
  content: '\f103';
}

.wp-list-table.posts .format-quote .row-title:before {
  content: '\f122';
}

.wp-list-table.posts .format-video .row-title:before {
  content: '\f126';
}

/*# sourceMappingURL=common-backend.css.map */

{"version":3,"sources":["components/gallery/assets/gallery-backend.scss","components/gallery/assets/gallery-backend.css","components/common/assets/_common.scss"],"names":[],"mappings":"AAKC;EACC,sBAAwF;ACJ1F;;ADGE;EE+BA,WAAW;EACX,WAAW;EACX,cAAc;AD9BhB;;ADHE;EAMC,cAAc;EACd,WAAW;EACX,mBAA6D;EAC7D,kBAAkB;EE6BpB,cAAc;EACd,6BF5ByE;ACC1E;;ADZE;EAgBG,UAAU;ACAf;;ADhBE;;EAqBG,mBAAmB;ACAxB;;ADrBE;EA6BE,YAAY;ACJhB;;ADSC;EACC,4BAAiD;ACNnD;;ADSC;EACC,YAAY;EACZ,kBAAkB;EAClB,qCE5CqC;EAyCtC,cAAc;EACd,WAFiC;ADAlC;;ADSC;EAEC,8BAA8B;EAC9B,yBE7C4B;EF8C5B,kBAAkB;EAClB,sBAAsB;EACtB,qBAAqB;EACrB,QE7CuB;EF8CvB,kBAAkB;EEXnB,YArCkB;EAsClB,kBAAkB;EAClB,WAvCkB;AD4CnB;;ADJE;EAaC,cEvD2B;EFwD3B,eAAe;EACf,YEtDmC;EFuDnC,iBEvDmC;EFwDnC,WExDmC;ADmDtC;;ADSC;EACC,WAAiD;ACNnD;;ADSC;EACC,UEhEuB;AD0DzB","file":"gallery-backend.css","sourcesContent":["// import mixins and variables\r\n@import '../../common/assets/_common.scss';\r\n\r\n.bpf-control {\r\n\r\n\t&__gallery {\r\n\t\tmargin: $backend-distance--small -#{$backend-distance--small} $backend-distance--small 0;\r\n\r\n\t\t@include bpfClearfix();\r\n\r\n\t\tli {\r\n\t\t\tdisplay: block;\r\n\t\t\tfloat: left;\r\n\t\t\tmargin: $backend-distance--small $backend-distance--small 0 0;\r\n\t\t\tposition: relative;\r\n\r\n\t\t\t@include bpfDisplayBlock(calc((100% / 3) - #{$backend-distance--small}));\r\n\r\n\t\t\t&:hover {\r\n\r\n\t\t\t\t.bpf-control__image {\r\n\t\t\t\t\topacity: 1;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.bpf-control__replace,\r\n\t\t\t\t.bpf-control__remove {\r\n\t\t\t\t\tvisibility: visible;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\r\n\t\t\t.bpf-control__image {\r\n\t\t\t\topacity: 0.8;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&__add {\r\n\t\tmargin: $backend-distance--small 0 0 0 !important; // to override default wp button margin\r\n\t}\r\n\r\n\t&__image {\r\n\t\tcursor: move;\r\n\t\tposition: relative;\r\n\t\ttransition: $backend-opacity-transition;\r\n\r\n\t\t@include bpfDisplayBlock();\r\n\t}\r\n\r\n\t&__replace,\r\n\t&__remove {\r\n\t\tbackground-color: currentColor;\r\n\t\tborder: 1px solid $backend-color--light;\r\n\t\tborder-radius: 50%;\r\n\t\tbox-sizing: border-box;\r\n\t\ttext-decoration: none;\r\n\t\ttop: $backend-icon-offset;\r\n\t\tvisibility: hidden;\r\n\r\n\t\t@include bpfPositionAbsolute($backend-icon, $backend-icon);\r\n\r\n\t\t.dashicons {\r\n\t\t\tcolor: $backend-color--light;\r\n\t\t\tfont-size: 13px;\r\n\t\t\theight: $backend-icon-inner;\r\n\t\t\tline-height: $backend-icon-inner;\r\n\t\t\twidth: $backend-icon-inner;\r\n\t\t}\r\n\t}\r\n\r\n\t&__replace {\r\n\t\tright: $backend-icon + ($backend-icon-offset * 2);\r\n\t}\r\n\r\n\t&__remove {\r\n\t\tright: $backend-icon-offset;\r\n\t}\r\n}\r\n",".bpf-control__gallery {\n  margin: 6px -6px 6px 0;\n}\n\n.bpf-control__gallery:after {\n  clear: both;\n  content: '';\n  display: table;\n}\n\n.bpf-control__gallery li {\n  display: block;\n  float: left;\n  margin: 6px 6px 0 0;\n  position: relative;\n  display: block;\n  width: calc((100% / 3) - 6px);\n}\n\n.bpf-control__gallery li:hover .bpf-control__image {\n  opacity: 1;\n}\n\n.bpf-control__gallery li:hover .bpf-control__replace,\n.bpf-control__gallery li:hover .bpf-control__remove {\n  visibility: visible;\n}\n\n.bpf-control__gallery:hover .bpf-control__image {\n  opacity: 0.8;\n}\n\n.bpf-control__add {\n  margin: 6px 0 0 0 !important;\n}\n\n.bpf-control__image {\n  cursor: move;\n  position: relative;\n  transition: opacity 0.15s ease-in-out;\n  display: block;\n  width: 100%;\n}\n\n.bpf-control__replace, .bpf-control__remove {\n  background-color: currentColor;\n  border: 1px solid #ffffff;\n  border-radius: 50%;\n  box-sizing: border-box;\n  text-decoration: none;\n  top: 3px;\n  visibility: hidden;\n  height: 20px;\n  position: absolute;\n  width: 20px;\n}\n\n.bpf-control__replace .dashicons, .bpf-control__remove .dashicons {\n  color: #ffffff;\n  font-size: 13px;\n  height: 18px;\n  line-height: 18px;\n  width: 18px;\n}\n\n.bpf-control__replace {\n  right: 26px;\n}\n\n.bpf-control__remove {\n  right: 3px;\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"]}
.bpf-control__gallery {
  margin: 6px -6px 6px 0;
}

.bpf-control__gallery:after {
  clear: both;
  content: '';
  display: table;
}

.bpf-control__gallery li {
  display: block;
  float: left;
  margin: 6px 6px 0 0;
  position: relative;
  display: block;
  width: calc((100% / 3) - 6px);
}

.bpf-control__gallery li:hover .bpf-control__image {
  opacity: 1;
}

.bpf-control__gallery li:hover .bpf-control__replace,
.bpf-control__gallery li:hover .bpf-control__remove {
  visibility: visible;
}

.bpf-control__gallery:hover .bpf-control__image {
  opacity: 0.8;
}

.bpf-control__add {
  margin: 6px 0 0 0 !important;
}

.bpf-control__image {
  cursor: move;
  position: relative;
  transition: opacity 0.15s ease-in-out;
  display: block;
  width: 100%;
}

.bpf-control__replace, .bpf-control__remove {
  background-color: currentColor;
  border: 1px solid #ffffff;
  border-radius: 50%;
  box-sizing: border-box;
  text-decoration: none;
  top: 3px;
  visibility: hidden;
  height: 20px;
  position: absolute;
  width: 20px;
}

.bpf-control__replace .dashicons, .bpf-control__remove .dashicons {
  color: #ffffff;
  font-size: 13px;
  height: 18px;
  line-height: 18px;
  width: 18px;
}

.bpf-control__replace {
  right: 26px;
}

.bpf-control__remove {
  right: 3px;
}

/*# sourceMappingURL=gallery-backend.css.map */

.bpf-control {
  margin: 12px 0 0 0;
}

.bpf-control__text, .bpf-control__textarea, .bpf-control__select {
  margin: 0 0 12px 0;
}

.bpf-control__text-field, .bpf-control__textarea-field, .bpf-control__select-field {
  box-sizing: border-box;
  margin: 0;
  width: 100%;
}

.bpf-control__label {
  margin: 0 0 6px 0;
  display: block;
  width: 100%;
}

.bpf-control--no-bottom-margin {
  margin-bottom: 0;
}

.wp-list-table.posts .row-title:before {
  color: currentColor;
  display: inline-block;
  font-family: dashicons;
  font-size: 20px;
  font-weight: 400;
  height: 20px;
  line-height: 1em;
  margin-right: 7px;
  opacity: 0.3;
  position: relative;
  top: 4px;
  width: 20px;
}

.wp-list-table.posts .format-audio .row-title:before {
  content: '\f127';
}

.wp-list-table.posts .format-gallery .row-title:before {
  content: '\f161';
}

.wp-list-table.posts .format-link .row-title:before {
  content: '\f103';
}

.wp-list-table.posts .format-quote .row-title:before {
  content: '\f122';
}

.wp-list-table.posts .format-video .row-title:before {
  content: '\f126';
}

/*# sourceMappingURL=common-backend.css.map */

.bpf-control__gallery {
  margin: 6px -6px 6px 0;
}

.bpf-control__gallery:after {
  clear: both;
  content: '';
  display: table;
}

.bpf-control__gallery li {
  display: block;
  float: left;
  margin: 6px 6px 0 0;
  position: relative;
  display: block;
  width: calc((100% / 3) - 6px);
}

.bpf-control__gallery li:hover .bpf-control__image {
  opacity: 1;
}

.bpf-control__gallery li:hover .bpf-control__replace,
.bpf-control__gallery li:hover .bpf-control__remove {
  visibility: visible;
}

.bpf-control__gallery:hover .bpf-control__image {
  opacity: 0.8;
}

.bpf-control__add {
  margin: 6px 0 0 0 !important;
}

.bpf-control__image {
  cursor: move;
  position: relative;
  transition: opacity 0.15s ease-in-out;
  display: block;
  width: 100%;
}

.bpf-control__replace, .bpf-control__remove {
  background-color: currentColor;
  border: 1px solid #ffffff;
  border-radius: 50%;
  box-sizing: border-box;
  text-decoration: none;
  top: 3px;
  visibility: hidden;
  height: 20px;
  position: absolute;
  width: 20px;
}

.bpf-control__replace .dashicons, .bpf-control__remove .dashicons {
  color: #ffffff;
  font-size: 13px;
  height: 18px;
  line-height: 18px;
  width: 18px;
}

.bpf-control__replace {
  right: 26px;
}

.bpf-control__remove {
  right: 3px;
}

/*# sourceMappingURL=gallery-backend.css.map */

/*# sourceMappingURL=backend.css.map */
