PluginProbe
aBlocks – Gutenberg Blocks, User Dashboard Builder, Popup Builder, Form Builder & Animation Builder / 2.14.0
aBlocks – Gutenberg Blocks, User Dashboard Builder, Popup Builder, Form Builder & Animation Builder v2.14.0
2.14.0 2.13.0 2.13.1 2.12.0 2.11.1 2.11.0 2.10.0 2.9.0 2.7.4 2.7.5 2.7.6 2.7.7 2.8.0 2.8.1 2.9.1 trunk 1.0 1.0-beta1 1.0-beta2 1.0-beta3 1.0.1 1.0.2 1.0.3 1.1.0 1.1.1 All 81 releases
← All changes | assets/build/blocks/image/style.css +2 -92 2.9.1 → 2.14.0 View file →
@@ -1,93 +1,3 @@
1 -.ablocks-image-figure {
2 - position: relative;
3 - display: flex;
4 - flex-direction: column;
5 - max-width: 100%;
6 - width: fit-content;
7 - width: -moz-fit-content;
8 - height: auto;
9 - margin: 0;
10 -}
11 -
12 -.ablocks-image-figure img {
13 - height: 100%;
14 - max-width: 100%;
15 -}
16 -
17 -.ablocks-image-figure .components-resizable-box__container {
18 - max-width: 100% !important;
19 -}
20 -
21 -.ablocks-alt-text-control {
22 - width: 100%;
23 - display: flex;
24 - flex-direction: column;
25 -}
26 -
27 -.ablocks-alt-text-control__header {
28 - display: flex;
29 - justify-content: space-between;
30 - align-items: center;
31 - margin-bottom: 6px;
32 -}
33 -
34 -.ablocks-alt-text-control__clear {
35 - cursor: pointer;
36 -}
37 -
38 -.ablocks-alt-text-control .components-base-control {
39 - width: 100%;
40 -}
41 -.ablocks-alt-text-control
1 +.ablocks-image-figure{display:flex;flex-direction:column;height:auto;margin:0;max-width:100%;position:relative;width:fit-content;width:-moz-fit-content}.ablocks-image-figure img{display:block;height:100%;max-width:100%}.ablocks-image-figure .components-resizable-box__container{max-width:100%!important}.ablocks-alt-text-control{display:flex;flex-direction:column;width:100%}.ablocks-alt-text-control__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.ablocks-alt-text-control__clear{cursor:pointer}.ablocks-alt-text-control
42 2 .components-base-control
43 - .components-base-control__field {
44 - width: 100%;
45 -}
46 -
47 -/* image hover effect */
48 -
49 -.ablocks-image--effect {
50 - transition: all 0.3s ease;
51 -}
52 -
53 -.ablocks-image--effect-zoomin {
54 - transform: scale(1);
55 -}
56 -
57 -.ablocks-image--effect-zoomin:hover {
58 - transform: scale(1.1);
59 -}
60 -
61 -.ablocks-image--effect-grayscale:hover {
62 - filter: grayscale(100%);
63 -}
64 -
65 -.ablocks-image--effect-blur:hover {
66 - filter: blur(3px);
67 -}
68 -
69 -.ablocks-image--effect-slide {
70 - transform: translate3d(-20px, 0, 0);
71 -}
72 -
73 -.ablocks-image--effect-slide:hover {
74 - transform: translate3d(0, 0, 0);
75 -}
76 -.ablocks-image-caption {
77 - margin-top: 0.5em;
78 -}
79 -.ablocks-image-caption--left {
80 - text-align: left;
81 -}
82 -
83 -.ablocks-image-caption--right {
84 - text-align: right;
85 -}
86 -
87 -.ablocks-image-caption--center {
88 - text-align: center;
89 -}
90 -
91 -.ablocks-image-caption--justify {
92 - text-align: justify;
93 -}
3 + .components-base-control__field,.ablocks-alt-text-control .components-base-control{width:100%}.ablocks-image--effect{transition:all .3s ease}.ablocks-image--effect-zoomin{transform:scale(1)}.ablocks-image--effect-zoomin:hover{transform:scale(1.1)}.ablocks-image--effect-grayscale:hover{filter:grayscale(100%)}.ablocks-image--effect-blur:hover{filter:blur(3px)}.ablocks-image--effect-slide{transform:translate3d(-20px,0,0)}.ablocks-image--effect-slide:hover{transform:translateZ(0)}.ablocks-image-caption{margin-top:.5em}