From 61e32b780bc8c5dbfbcc2dc8c4704d437f885b67 Mon Sep 17 00:00:00 2001
From: amzrk2
Date: Tue, 14 Apr 2020 09:43:57 +0800
Subject: Larger padding while screen size below 768px
---
assets/sass/_list.scss | 5 +++++
assets/sass/_sidebar.scss | 5 +++++
2 files changed, 10 insertions(+)
(limited to 'assets')
diff --git a/assets/sass/_list.scss b/assets/sass/_list.scss
index 15561cc..8e8b62f 100644
--- a/assets/sass/_list.scss
+++ b/assets/sass/_list.scss
@@ -1,5 +1,10 @@
#content {
padding: 0 1em 0 1em;
+
+ // different padding when screen size below width-md(768px)
+ @media screen and (max-width: $width-md){
+ padding: 0 1.5em 0 1.5em;
+ }
}
#post {
diff --git a/assets/sass/_sidebar.scss b/assets/sass/_sidebar.scss
index 8266125..b28a09b 100644
--- a/assets/sass/_sidebar.scss
+++ b/assets/sass/_sidebar.scss
@@ -5,6 +5,11 @@
padding: 1.5em 1em 1.5em 1em;
+ // different padding when screen size below width-md(768px)
+ @media screen and (max-width: $width-md){
+ padding: 1.5em 1.5em 1.5em 1.5em;
+ }
+
h5 {
font-size: $font-size-l3;
}
--
cgit v1.2.3