X-Git-Url: https://git.danix.xyz/?a=blobdiff_plain;f=assets%2Fsass%2Fcomponents%2F_image.scss;h=131fa48dc23a75b8055e25478163a545215bb88f;hb=ca7530825d1ff39bb77947934ef24187a9590fcf;hp=2901801464e832042323e77dee2a8364863cfdff;hpb=26ee5f4dbc5cde34e98565bae169e995ecc13781;p=theme-danix.xyz.git diff --git a/assets/sass/components/_image.scss b/assets/sass/components/_image.scss index 2901801..131fa48 100644 --- a/assets/sass/components/_image.scss +++ b/assets/sass/components/_image.scss @@ -60,9 +60,22 @@ } } } + .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 { @@ -85,3 +98,11 @@ width: 100%; } } + + figure { + figcaption { + p { + text-align: center; + } + } + } \ No newline at end of file