fixed images display inside a figure element, aka when not inside a gallery.

[theme-danix.xyz.git] / assets / sass / components / _image.scss

diff --git a/assets/sass/components/_image.scss b/assets/sass/components/_image.scss
index 6052089..67f156c 100644 (file)
--- a/assets/sass/components/_image.scss
+++ b/assets/sass/components/_image.scss
@@ -46,12 +46,16 @@
 \r
                &.fit {\r
                        display: block;\r
-                       margin: 0 0 _size(element-margin) 0;\r
-                       width: 100%;\r
+                       margin: 0 auto _size(element-margin);\r
+                       width: 90%;\r
 \r
                        img {\r
                                width: 100%;\r
                        }\r
+                       div.picture {\r
+                               max-width: 100%;\r
+                               height: auto;\r
+                       }\r
                }\r
 \r
                &.main {\r
@@ -61,6 +65,11 @@
 \r
                        img {\r
                                width: 100%;\r
+                               max-width: 100%;\r
+                       }\r
+                       div.picture {\r
+                               max-width: 100%;\r
+                               height: auto;\r
                        }\r
 \r
                        @include breakpoint('<=small') {\r
@@ -147,4 +156,8 @@
                                overflow: hidden;\r
                        }\r
                }\r
+       }\r
+\r
+       div.picture {\r
+               display: inline-block;\r
        }
\ No newline at end of file