Support SVG images files for blockicon, blockinfo and blocklist #52

bobbingwide · Jan 15, 2022 · e84996c · e84996c
1 parent 1b2f15f
commit e84996c
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 17 deletions.
diff --git a/src/oik-blockicon/style.scss b/src/oik-blockicon/style.scss
@@ -1,5 +1,6 @@
-/* oik-blockicon/style.scss */
-.wp-block-oik-block-blockicon svg {
+/* oik-blockicon/style.scss 0114 */
+.wp-block-oik-block-blockicon svg,
+.wp-block-oik-block-blockicon img {
   width: 24px;
   height: 24px;
   fill: currentColor;
@@ -21,7 +22,7 @@
 
 
 .wp-block-oik-block-blockicon.is-style-svg64 {
-    svg {
+    svg, img {
       width: 64px;
       height: 64px;
       max-height: 64px;
@@ -50,7 +51,8 @@
 }
 
 @mixin sizeablesvg( $svg-size, $sizepx ) {
-  .wp-block-oik-block-blockicon.#{$svg-size} svg {
+  .wp-block-oik-block-blockicon.#{$svg-size} svg,
+  .wp-block-oik-block-blockicon.#{$svg-size} img {
     width: $sizepx;
     height: $sizepx;
   }
@@ -65,7 +67,7 @@
 
 
   .wp-block-oik-block-blockicon.is-style-#{$svg-size} {
-    svg {
+    svg, img {
       width: $sizepx;
       height: $sizepx;
       max-height: $sizepx;
@@ -88,7 +90,4 @@
 
 }
 @include sizeablesvg( svg100, 100px );
-@include sizeablesvg( svg150, 150px );
-
-
-
+@include sizeablesvg( svg150, 150px );
diff --git a/src/oik-blockinfo/style.scss b/src/oik-blockinfo/style.scss
@@ -1,7 +1,7 @@
+/* oik-blockinfo/style.scss 0114 */
 
-/* oik-blockinfo/style.scss */
-
-.wp-block-oik-block-blockinfo svg {
+.wp-block-oik-block-blockinfo svg,
+.wp-block-oik-block-blockinfo img {
   width: 24px;
   height: 24px;
   fill: currentColor;
@@ -10,7 +10,7 @@
 
 .wp-block-oik-block-blockinfo.svg64 {
 
-  svg {
+  svg, img {
   width: 64px;
   height: 64px;
   }
@@ -37,8 +37,8 @@
 }
 
 
-.wp-block-oik-block-blockicon .is-style-svg64 {
-    svg {
+.wp-block-oik-block-blockicon.is-style-svg64 {
+    svg, img {
       width: 64px;
       height: 64px;
       max-height: 64px;

diff --git a/src/oik-blocklist/style.scss b/src/oik-blocklist/style.scss
@@ -1,9 +1,10 @@
-/* oik-blocklist/style.scss */
+/* oik-blocklist/style.scss 0114 */
 pre.wp-block-oik-block-blocklist {
     font-size: 10px;
   }
 
-.wp-block-oik-block-blocklist svg {
+.wp-block-oik-block-blocklist svg,
+.wp-block-oik-block-blocklist img {
   width: 24px;
   height: 24px;
   fill: currentColor;