style.scss in Block Animations, Motion & Scroll Effects – Ghost Kit 3.3.3, at gutenberg/blocks/icon/styles/style.scss
| 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 |