# extendify/0.1.0/utility-framework/block-styles/cover-angled.css

Extendify, version 0.1.0. 20 lines.

- Page: https://pluginprobe.com/plugins/extendify/0.1.0/code/utility-framework/block-styles/cover-angled.css
- Raw: https://pluginprobe.com/plugins/extendify/0.1.0/raw/utility-framework/block-styles/cover-angled.css
- Modified: 2022-01-06T18:08:32+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/extendify/0.1.0/code/utility-framework/block-styles/cover-angled.css#L10-L20`.

```css
.is-style-angled {
    /* no suggestion */
    @apply ext-items-center ext-justify-end;
}

.is-style-angled .wp-block-cover__image-background,
.is-style-angled .wp-block-cover__video-background {
    /* no suggestion */
    clip-path: polygon(0 0, 30% 0%, 50% 100%, 0% 100%);
    z-index: 1;
}

@screen tablet {
    .is-style-angled .wp-block-cover__image-background,
    .is-style-angled .wp-block-cover__video-background {
        /* no suggestion */
        clip-path: polygon(0 0, 55% 0%, 65% 100%, 0% 100%);
    }
}

```