display: block;\r
}\r
\r
+ &.shadow {\r
+ img {\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_light(fg-bold));\r
+ }\r
+ }\r
+ }\r
&.left,\r
&.right {\r
max-width: 30%;\r
\r
&.left {\r
float: left;\r
- margin: 0 1.5em 1.25em 0;\r
+ margin: 0 1.5em 0.5em 1em;\r
top: 0.25em;\r
}\r
\r
&.right {\r
float: right;\r
- margin: 0 0 1.25em 1.5em;\r
+ margin: 0 1em 0.5em 1.5em;\r
top: 0.25em;\r
}\r
\r
}\r
}\r
}\r
+ .image.signature {\r
+ &.left,\r
+ &.right {\r
+ max-width: 60%;\r
+ }\r
+ @media screen and (prefers-color-scheme: dark) {\r
+ filter: invert(84%) sepia(12%) saturate(486%) hue-rotate(197deg) brightness(84%) contrast(87%);\r
+ }\r
+ }\r
\r
.circle > img {\r
@include circle(200px, "block");\r
- @include box-shadow(-5px, 5px, 5px, _palette(fg-bold));\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_light(fg-bold));\r
+ }\r
}\r
\r
video {\r
text-align: center;\r
}\r
}\r
+ }\r
+ // signature inside single articles\r
+ div#post-signature {\r
+ clear: both;\r
+ overflow: hidden;\r
+ width: 100%;\r
+ margin: 0;\r
+ div#signature {\r
+ margin: 0;\r
+ padding: 0;\r
+ img.signature {\r
+ margin: 0;\r
+ margin-right: 4em;\r
+ width: 350px;\r
+ }\r
+ }\r
+ }\r
+ .section-blog {\r
+ .spotlights {\r
+ .image {\r
+ max-height: 20em;\r
+ overflow: hidden;\r
+ }\r
+ }\r
}
\ No newline at end of file