{"version":3,"file":"index.css","mappings":";;;AAAA;;;EAAA;AAOC;EACC;EACA;EACA;EACA;EACA;EACA;OAAA;EAOA;AARF;AAEE;EACC;EACA;AAAH;AAME;;EAEC;EACA;EACA;EACA;EACA;EACA;AAJH;AAMG;;EACC;EACA;AAHJ;AAMI;EALD;;IAME;IACA;IACA;EAFH;AACF;AAKG;;EACC;EACA;EACA;AAFJ;AAMG;;EACC;AAHJ;AAMI;EAJD;;IAKE;EAFH;AACF;AAKG;;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAFJ;AAII;;EACC;AADL;AAIG;;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADJ;AAQG;;;EAIC;AAPJ;AAUI;EAPD;;;IAQE;IACA;IACA;OAAA;EALH;AACF;AAUE;EAEC;AATH;AAeG;EACC;AAbJ;AAkBE;EAIC;EACA;AAnBH;;AAwBA;AAKA;EACC;AAzBD;;AA+BI;EACI;AA5BR;AA+BC;EACC;AA7BF;AAgCC;EACC;AA9BF;AAiCC;EACO;EACA;EACN;EACA;EACA;AA/BF;AAkCC;EACC;EACA;AAhCF;AAqCE;EAFD;IAGE;IACA;IACA;EAlCD;AACF;AAqCE;EACC;AAnCH;AAuCE;EACC;AArCH;AAyCC;;EAEC;EACA;AAvCF;AA0CC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAxCF;AA0CE;EACC;AAxCH;AA2CE;EAEC;AA1CH;AA+CE;EACC;AA7CH;AAgDE;EACC;AA9CH;;AAoDC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAjDF;AAqDG;;;EAEC;AAlDJ;;AAwDA;EACI;AArDJ;AAuDI;EACF;AArDF;;AAyDA;EACC;EACA;EACA;EACG;AAtDJ,C","sources":["webpack://oacs-image-slider-blocks/./src/editor.scss"],"sourcesContent":["/**\n * The following styles get applied inside the editor only.\n *\n */\n\n\n .editor-styles-wrapper {\n\t.wp-block-oacs-slider {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tlist-style-type: none;\n\t\tpadding-left: 0;\n\t\tpadding-right: 0;\n\t\tcolumn-gap: 16px;\n\t\t&.block-editor-media-placeholder {\n\t\t\tpadding-left: 20px;\n\t\t\tpadding-right: 20px;\n\t\t}\n\t\t\n\t\t// Allow gallery items to go edge to edge.\n\t\tmargin: 0;\n\n\t\t.blocks-gallery-image,\n\t\t.blocks-gallery-item {\n\t\t\tmargin: 8px 0;\n\t\t\tdisplay: flex;\n\t\t\tflex-grow: 1;\n\t\t\tflex-direction: column;\n\t\t\tjustify-content: center;\n\t\t\tposition: relative;\n\n\t\t\tfigure {\n\t\t\t\tmargin: 0;\n\t\t\t\theight: 100%;\n\t\t\t\t\t\t\t\n\t\t\t\t// IE doesn't support flex so omit that.\n\t\t\t\t@supports (position: sticky) {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: flex-end;\n\t\t\t\t\tjustify-content: flex-start;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\timg {\n\t\t\t\tdisplay: block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\theight: auto;\n\t\t\t}\n\n\t\t\t// IE doesn't handle cropping, so we need an explicit width here.\n\t\t\timg {\n\t\t\t\twidth: 100%;\n\n\t\t\t\t// IE11 doesn't read rules inside this query. They are applied only to modern browsers.\n\t\t\t\t@supports (position: sticky) {\n\t\t\t\t\twidth: auto;\n\t\t\t\t}\n\t\t\t}\n\t\t\t\t\t\n\t\t\tfigcaption {\n\t\t\t\tposition: absolute;\n\t\t\t\tbottom: 0;\n\t\t\t\tright: 0;\n\t\t\t\tleft: 0;\n\t\t\t\tmax-height: 100%;\n\t\t\t\toverflow: auto;\n\t\t\t\tpadding: 40px 10px 5px;\n\t\t\t\tcolor: #fff;\n\t\t\t\ttext-align: center;\n\t\t\t\tfont-size: 13px;\n\t\t\t\tbackground: linear-gradient(0deg, rgba( $color: #000, $alpha: 0.7 ) 0, rgba($color: #000, $alpha: 0.3) 60%, transparent);\n\t\t\t\t\t\t\t\n\t\t\t\timg {\n\t\t\t\t\tdisplay: inline;\n\t\t\t\t}\n\t\t\t}\n\t\t\tdiv.rich-text {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0;\n\t\t\t\tright: 0;\n\t\t\t\tleft: 0;\n\t\t\t\tmax-height: 100%;\n\t\t\t\toverflow: auto;\n\t\t\t\tpadding: 5px 10px 20px;\n\t\t\t\tcolor: #fff;\n\t\t\t\ttext-align: center;\n\t\t\t\tfont-size: 13px;\n\t\t\t\tbackground: linear-gradient(180deg, rgba( $color: #000, $alpha: 0.7 ) 0, rgba($color: #000, $alpha: 0.3) 60%, transparent);\n\t\t\t}\n\t\t}\n\n\t\t// Cropped\n\t\t&.is-cropped .blocks-gallery-image,\n\t\t&.is-cropped .blocks-gallery-item {\n\t\t\ta,\n\t\t\timg {\n\t\t\t\t// IE11 doesn't support object-fit, so just make sure images aren't skewed.\n\t\t\t\t// The following rules are for all browsers.\n\t\t\t\twidth: 100%;\n\n\t\t\t\t// IE11 doesn't read rules inside this query. They are applied only to modern browsers.\n\t\t\t\t@supports (position: sticky) {\n\t\t\t\t\theight: 100%;\n\t\t\t\t\tflex: 1;\n\t\t\t\t\tobject-fit: cover;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Responsive fallback value, 2 columns\n\t\t& .blocks-gallery-image,\n\t\t& .blocks-gallery-item {\n\t\t\twidth: calc(100% / 2 - 16px);\n\t\t}\n\n\t\t\t// Make the \"Add new Gallery item\" button full-width (so it always appears\n\t\t// below other items).\n\t\t.blocks-gallery-item {\n\t\t\t&.has-add-item-button {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\t\t\t\n\t\t// Apply max-width to floated items that have no intrinsic width\n\t\t[data-align=\"left\"] &,\n\t\t[data-align=\"right\"] &,\n\t\t&.alignleft,\n\t\t&.alignright {\n\t\t\tmax-width: 636px / 2;\n\t\t\twidth: 100%;\n\t\t}\n\t}\n}\n\n/* editor */\n\n// Override the default list style type _only in the editor_\n// to avoid :not() selector specificity issues.\n// See https://github.com/WordPress/gutenberg/pull/10358\nul.wp-block-gallery li {\n\tlist-style-type: none;\n}\n\n.blocks-gallery-item {\n\n    // Hide the focus outline that otherwise briefly appears when selecting a block.\n    figure:not(.is-selected):focus {\n        outline: none;\n    }\n\n\t.is-selected {\n\t\toutline: 4px solid theme(primary);\n\t}\n\n\t&.is-transient img {\n\t\t/*@include loading_fade;*/\n\t}\n\n\t.editor-rich-text {\n        position: absolute;\n        bottom: 0;\n\t\twidth: 100%;\n\t\tmax-height: 100%;\n\t\toverflow-y: auto;\n\t}\n\n\t.editor-rich-text figcaption:not([data-is-placeholder-visible=\"true\"]) {\n\t\tposition: relative;\n\t\toverflow: hidden;\n\t}\n\n\t.is-selected .editor-rich-text {\n        // IE calculates this incorrectly, so leave it to modern browsers.\n\t\t@supports (position: sticky) {\n\t\t\tright: 0;\n\t\t\tleft: 0;\n\t\t\tmargin-top: -4px;\n\t\t}\n\n\t\t// Override negative margins so this toolbar isn't hidden by overflow. Overflow is needed for long captions.\n\t\t.editor-rich-text__inline-toolbar {\n\t\t\ttop: 0;\n\t\t}\n\n\t\t// Make extra space for the inline toolbar.\n\t\t.editor-rich-text__tinymce {\n\t\t\tpadding-top: 48px;\n\t\t}\n\t}\n\n\t.components-form-file-upload,\n\t.components-button.block-library-gallery-add-item-button {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\n\t.components-button.block-library-gallery-add-item-button {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\tbox-shadow: none;\n\t\tborder: none;\n\t\tborder-radius: 0;\n\t\tmin-height: 100px;\n\n\t\t& .dashicon {\n\t\t\tmargin-top: 10px;\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tborder: 1px solid #999;\n\t\t}\n    }\n    \n    .editor-rich-text .editor-rich-text__tinymce {\n\t\ta {\n\t\t\tcolor: #fff;\n\t\t}\n\n\t\t&:focus a[data-mce-selected] {\n\t\t\tcolor: rgba(0, 0, 0, 0.2);\n\t\t}\n\t}\n}\n\n.wp-block-oacs-slider {\n\t.block-library-gallery-item__inline-menu {\n\t\tpadding: 2px;\n\t\tposition: absolute;\n\t\ttop: -2px;\n\t\tright: -2px;\n\t\tbackground-color: theme(primary);\n\t\tdisplay: inline-flex;\n\t\tz-index: z-index(\".block-library-gallery-item__inline-menu\");\n\n\t\t.components-button,\n\t\t.components-button.is-destructive {\n\t\t\t&:hover,\n\t\t\t&:focus {\n\t\t\t\tcolor: #000;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.blocks-gallery-item__remove {\n    padding: 0;\n\n    &.components-button:focus {\n\t\tcolor: inherit;\n\t}\n}\n\n.blocks-gallery-item .components-spinner {\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n    transform: translate(-50%, -50%);\n}\n"],"names":[],"sourceRoot":""}