added dark theme option. It ìs selected automagically based on system choiche of...

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

diff --git a/assets/sass/components/_image.scss b/assets/sass/components/_image.scss
index b77a874..6f7981c 100644 (file)
--- a/assets/sass/components/_image.scss
+++ b/assets/sass/components/_image.scss
@@ -62,5 +62,38 @@
        }\r
 \r
        .circle > img {\r
-               @include circle(200px, "block")\r
+               @include circle(200px, "block");\r
+               @include box-shadow(-5px, 5px, 5px, _palette_light(fg-bold));\r
+               @media screen and (prefers-color-scheme: dark) {\r
+                       @include box-shadow(-5px, 5px, 5px, _palette_dark(fg-bold));\r
+               }\r
+       }\r
+\r
+       video {\r
+               display: block !important;\r
+               &.left {\r
+                       float: left;\r
+                       margin: 0 1.5em 1.25em 0;\r
+                       top: 0.25em;\r
+               }\r
+\r
+               &.right {\r
+                       float: right;\r
+                       margin: 0 0 1.25em 1.5em;\r
+                       top: 0.25em;\r
+               }\r
+\r
+               &.fit {\r
+                       display: block;\r
+                       margin: 0 0 _size(element-margin) 0;\r
+                       width: 100%;\r
+               }\r
+       }\r
+\r
+       figure {\r
+               figcaption {\r
+                       p {\r
+                               text-align: center;\r
+                       }\r
+               }\r
        }
\ No newline at end of file