@@ -210,22 +210,22 @@ class ImageCropElement extends HTMLElement {
210210 touch-action: none;
211211 display: block;
212212 }
213- :host .nesw { cursor: nesw-resize; }
214- :host .nwse { cursor: nwse-resize; }
215- :host .nesw .crop-box,
216- :host .nwse .crop-box {
213+ .nesw { cursor: nesw-resize; }
214+ .nwse { cursor: nwse-resize; }
215+ .nesw .crop-box,
216+ .nwse .crop-box {
217217 cursor: inherit;
218218 }
219219 :host([loaded]) .crop-image { display: block; }
220220 :host([loaded]) ::slotted([data-loading-slot]),
221- :host .crop-image {
221+ .crop-image {
222222 display: none;
223223 }
224- :host .crop-wrapper {
224+ .crop-wrapper {
225225 position: relative;
226226 font-size: 0;
227227 }
228- :host .crop-container {
228+ .crop-container {
229229 user-select: none;
230230 -ms-user-select: none;
231231 -moz-user-select: none;
@@ -237,22 +237,22 @@ class ImageCropElement extends HTMLElement {
237237 width: 100%;
238238 height: 100%;
239239 }
240- :host .crop-box {
240+ .crop-box {
241241 position: absolute;
242242 border: 1px dashed #fff;
243243 box-sizing: border-box;
244244 cursor: move;
245245 }
246- :host .crop-outline {
246+ .crop-outline {
247247 position: absolute;
248248 top: 0;
249249 bottom: 0;
250250 left: 0;
251251 right: 0;
252252 outline: 4000px solid rgba(0, 0, 0, .3);
253253 }
254- :host .handle { position: absolute; }
255- :host .handle:before {
254+ .handle { position: absolute; }
255+ .handle:before {
256256 position: absolute;
257257 display: block;
258258 padding: 4px;
@@ -261,10 +261,10 @@ class ImageCropElement extends HTMLElement {
261261 background: #fff;
262262 border: 1px solid #767676;
263263 }
264- :host .ne { top: 0; right: 0; cursor: nesw-resize; }
265- :host .nw { top: 0; left: 0; cursor: nwse-resize; }
266- :host .se { bottom: 0; right: 0; cursor: nwse-resize; }
267- :host .sw { bottom: 0; left: 0; cursor: nesw-resize; }
264+ .ne { top: 0; right: 0; cursor: nesw-resize; }
265+ .nw { top: 0; left: 0; cursor: nwse-resize; }
266+ .se { bottom: 0; right: 0; cursor: nwse-resize; }
267+ .sw { bottom: 0; left: 0; cursor: nesw-resize; }
268268</style>
269269<slot></slot>
270270<div class="crop-wrapper">
0 commit comments