diff options
Diffstat (limited to 'assets/css/components/_post.scss')
| -rw-r--r-- | assets/css/components/_post.scss | 31 |
1 files changed, 25 insertions, 6 deletions
diff --git a/assets/css/components/_post.scss b/assets/css/components/_post.scss index 4497a7cc..4c05841a 100644 --- a/assets/css/components/_post.scss +++ b/assets/css/components/_post.scss @@ -59,18 +59,37 @@ position: absolute; z-index: 5; - right: 1rem; - top: 1rem; - width: 5rem; + right: 0.25rem; + top: 0.25rem; + width: 3rem; + padding: 0.5rem; + + @media screen and (min-width: 640px) { + right: 0.5rem; + top: 0.5rem; + width: 4rem; + padding: 1rem; + } - .title-image { - width: 100%; + @media screen and (min-width: 768px) { + width: 6rem; + left: calc(50vw + var(--page-width) / 2 - 7rem); + top: calc(var(--page-margin-y) - 2rem); } @media screen and (min-width: 768px) { + width: 6rem; + left: calc(50vw + var(--page-width) / 2 - 7rem); + top: calc(var(--page-margin-y) - 2rem); + } + + @media screen and (min-width: 1200px) { width: 8rem; left: calc(50vw + var(--page-width) / 2 - 5rem); - top: calc(var(--page-margin-y) - 2rem); + } + + .title-image { + width: 100%; } } } |