From f54c11e5c8eb981bed3084cf5b28ff153e302c59 Mon Sep 17 00:00:00 2001
From: alexanderdavide <alexeble1998@gmail.com>
Date: Fri, 11 Feb 2022 20:39:41 +0000
Subject: [PATCH] refactor: post__content as mobile first
---
assets/scss/partials/components/_post.scss | 46 ++++++++++++++--------------------------------
1 files changed, 14 insertions(+), 32 deletions(-)
diff --git a/assets/scss/partials/components/_post.scss b/assets/scss/partials/components/_post.scss
index 517dc47..f4a3082 100644
--- a/assets/scss/partials/components/_post.scss
+++ b/assets/scss/partials/components/_post.scss
@@ -75,20 +75,24 @@
margin: 0;
text-align: center;
+ &.big {
+ max-width: 100vw;
+ }
+
&.right {
- float: right;
- margin-left: 1.5em;
- max-width: 50%;
+ @include desktop {
+ float: right;
+ margin-left: 1.5em;
+ max-width: 50%;
+ }
}
&.left {
- float: left;
- margin-right: 1.5em;
- max-width: 50%;
- }
-
- &.big {
- max-width: 100vw;
+ @include desktop {
+ float: left;
+ margin-right: 1.5em;
+ max-width: 50%;
+ }
}
}
}
@@ -155,25 +159,3 @@
}
}
}
-@media screen and (max-width: 960px) {
- .post {
- figure {
- max-width: 100%;
- height: auto;
- margin: 0;
- text-align: center;
-
- &.right {
- float: unset;
- max-width: 100%;
- margin: 0;
- }
-
- &.left {
- float: unset;
- max-width: 100%;
- margin: 0;
- }
- }
- }
-}
--
Gitblit v1.10.0