Skip to content

Commit 88d7e8f

Browse files
committed
Remove un-needed :host selectors
1 parent 3639357 commit 88d7e8f

File tree

1 file changed

+15
-15
lines changed

1 file changed

+15
-15
lines changed

src/index.ts

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -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

Comments
 (0)