summaryrefslogtreecommitdiffstats
path: root/src/components/PostHeader
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2022-01-15 22:45:57 +0100
committerArmand Philippot <git@armandphilippot.com>2022-01-15 22:51:30 +0100
commitaa1ca65e7c9807c6d6020e39166536297fe1cdae (patch)
tree2648da350fec3b71ab7f575d63e4c63ba08248b1 /src/components/PostHeader
parent16dbb4742264edac82fa6bb8e461259d097f4437 (diff)
chore: update sidebar and widgets styles
I'm now using a widget that can be expanded/collapsed. It also allows me to handle more effectively widgets overflow and to avoid styles repetitions. However, with stylelint rule "no-descending-specificity", I'm not sure if the stylesheets are really logical... Maybe I should deactivate this rule.
Diffstat (limited to 'src/components/PostHeader')
-rw-r--r--src/components/PostHeader/PostHeader.module.scss5
1 files changed, 4 insertions, 1 deletions
diff --git a/src/components/PostHeader/PostHeader.module.scss b/src/components/PostHeader/PostHeader.module.scss
index 3db92da..33dc488 100644
--- a/src/components/PostHeader/PostHeader.module.scss
+++ b/src/components/PostHeader/PostHeader.module.scss
@@ -4,10 +4,13 @@
.wrapper {
composes: grid from "@styles/layout/_grid.scss";
max-width: 100%;
- margin-bottom: var(--spacing-md);
position: relative;
@include mix.media("screen") {
+ @include mix.dimensions("md") {
+ margin-bottom: var(--spacing-md);
+ }
+
@include mix.dimensions("lg") {
--grid-gap: var(--spacing-lg);
}