X-Git-Url: https://git.danix.xyz/?a=blobdiff_plain;f=assets%2Fsass%2Fcomponents%2F_image.scss;h=6b6fdb3496d91cc77a85a9524555a9f30fa17a1c;hb=84032966f14fb3c9269b570b1d4fc16452c601c4;hp=b77a8740d606d1e293800fcf9fb5bb98ad675965;hpb=f945c30bd5cb057b509c5d5cfae21f792e7fdc8f;p=theme-danix.xyz.git

diff --git a/assets/sass/components/_image.scss b/assets/sass/components/_image.scss
index b77a874..6b6fdb3 100644
--- a/assets/sass/components/_image.scss
+++ b/assets/sass/components/_image.scss
@@ -15,6 +15,14 @@
 			display: block;
 		}
 
+		&.shadow {
+			img {
+				@include box-shadow(-5px, 5px, 5px, _palette_light(fg-bold));
+				@media screen and (prefers-color-scheme: dark) {
+					@include box-shadow(-5px, 5px, 5px, _palette_light(fg-bold));
+				}
+			}
+		}
 		&.left,
 		&.right {
 			max-width: 30%;
@@ -26,13 +34,13 @@
 
 		&.left {
 			float: left;
-			margin: 0 1.5em 1.25em 0;
+			margin: 0 1.5em 0.5em 1em;
 			top: 0.25em;
 		}
 
 		&.right {
 			float: right;
-			margin: 0 0 1.25em 1.5em;
+			margin: 0 1em 0.5em 1.5em;
 			top: 0.25em;
 		}
 
@@ -60,7 +68,65 @@
 			}
 		}
 	}
+	.image.signature {
+		&.left,
+		&.right {
+			max-width: 60%;
+		}
+		@media screen and (prefers-color-scheme: dark) {
+			filter: invert(84%) sepia(12%) saturate(486%) hue-rotate(197deg) brightness(84%) contrast(87%);
+		}
+	}
 
 	.circle > img {
-		@include circle(200px, "block")
+		@include circle(200px, "block");
+		@include box-shadow(-5px, 5px, 5px, _palette_light(fg-bold));
+		@media screen and (prefers-color-scheme: dark) {
+			@include box-shadow(-5px, 5px, 5px, _palette_light(fg-bold));
+		}
+	}
+
+	video {
+		display: block !important;
+		&.left {
+			float: left;
+			margin: 0 1.5em 1.25em 0;
+			top: 0.25em;
+		}
+
+		&.right {
+			float: right;
+			margin: 0 0 1.25em 1.5em;
+			top: 0.25em;
+		}
+
+		&.fit {
+			display: block;
+			margin: 0 0 _size(element-margin) 0;
+			width: 100%;
+		}
+	}
+
+	figure {
+		figcaption {
+			p {
+				text-align: center;
+			}
+		}
+	}
+	// signature inside single articles
+	div#post-signature {
+		clear: both;
+		overflow: hidden;
+		width: 100%;
+		margin: 0;
+		div#signature {
+			margin: 0;
+			padding: 0;
+			img.signature {
+				margin: 0;
+				margin-right: 4em;
+				width: 350px;
+			}
+		}
 	}
\ No newline at end of file