PluginProbe
Block Animations, Motion & Scroll Effects – Ghost Kit / 3.3.3
Block Animations, Motion & Scroll Effects – Ghost Kit v3.3.3
3.7.2 3.7.1 3.7.0 3.6.1 trunk 1.6.3 2.25.0 3.3.0 3.3.1 3.3.2 3.3.3 3.4.0 3.4.1 3.4.2 3.4.3 3.4.4 3.4.5 3.4.6 3.5.0 3.5.1 3.6.0
ghostkit / gutenberg / blocks / icon / styles / style.scss

style.scss in Block Animations, Motion & Scroll Effects – Ghost Kit 3.3.3, at gutenberg/blocks/icon/styles/style.scss

35 lines 529 B
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 * Frontend Styles
3 */
4 @import "./variables";
5
6 .ghostkit-icon {
7 display: grid;
8
9 svg {
10 display: block;
11 width: 100%;
12 height: 100%;
13 }
14
15 // Rotate
16 &-flip-vertical svg {
17 transform: scaleY(-1);
18 }
19
20 &-flip-horizontal svg {
21 transform: scaleX(-1);
22 }
23
24 &-flip-vertical.ghostkit-icon-flip-horizontal svg {
25 transform: scaleY(-1) scaleX(-1);
26 }
27 }
28
29 .ghostkit-icon-inner {
30 justify-self: var(--gkt-icon__justify);
31 width: var(--gkt-icon__width);
32 color: var(--gkt-icon__color);
33 background: var(--gkt-icon__background);
34 }
35