From ead0da78e9acf41618aab698eae3df765fde9a53 Mon Sep 17 00:00:00 2001
From: trwnh <a@trwnh.com>
Date: Thu, 12 Nov 2020 03:51:26 -0600
Subject: [PATCH] style changes

---
 assets/scss/base/list.scss     | 7 +++++--
 assets/scss/base/page.scss     | 2 ++
 assets/scss/pages/index.scss   | 6 ++++--
 assets/scss/partials/i18n.scss | 1 +
 4 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/assets/scss/base/list.scss b/assets/scss/base/list.scss
index 10fe1f7..5effa47 100644
--- a/assets/scss/base/list.scss
+++ b/assets/scss/base/list.scss
@@ -1,5 +1,8 @@
-.list {}
+.list {
+}
 .list-item {
+	@media (min-width: 600px) {font-size: 1.25em}
+	@media (min-width: 768px) {font-size: 1.5em}
 	display: block;
 	text-decoration: none;
 	color: inherit;
@@ -9,5 +12,5 @@
 	transition: 0.4s opacity ease-in-out;
 	&:hover {opacity: 0.4;}
 }
-.list-item__title {font-weight: 700;}
+.list-item__title {font-weight: 700; margin-bottom: 0.25em}
 .list-item__date {}
\ No newline at end of file
diff --git a/assets/scss/base/page.scss b/assets/scss/base/page.scss
index 19f3e4f..543235e 100644
--- a/assets/scss/base/page.scss
+++ b/assets/scss/base/page.scss
@@ -1,5 +1,7 @@
 .page-title {
 	font-size: 1.5em;
+	@media (min-width: 600px) {font-size: 1.75em}
+	@media (min-width: 768px) {font-size: 2.25em}
 	font-weight: 700;
 }
 .page {
diff --git a/assets/scss/pages/index.scss b/assets/scss/pages/index.scss
index e1515c7..69a4f1b 100644
--- a/assets/scss/pages/index.scss
+++ b/assets/scss/pages/index.scss
@@ -116,13 +116,15 @@
 	font-size: 1.25em;
 	line-height: 1.4;
 	display: flex;
-	justify-content: center;
 	align-items: center;
 }
 
 /* contact section */
 #contact {background: #eee;}
-#contact .container {display: flex; flex-flow: column; align-items: center;}
+#contact .container {
+	display: flex; flex-flow: column; align-items: center;
+	@media (min-width: 600px) {flex-flow: row-reverse; justify-content: space-between; gap: 2em}
+}
 #contact .section-header {max-width: 480px; text-align: center;}
 .h-card {
 	display: flex;
diff --git a/assets/scss/partials/i18n.scss b/assets/scss/partials/i18n.scss
index b9cbffb..b8d1c72 100644
--- a/assets/scss/partials/i18n.scss
+++ b/assets/scss/partials/i18n.scss
@@ -3,6 +3,7 @@ html[lang="ar"] {
 	.personal-summary,
 	.section-header,
 	.page-title,
+	.list-item,
 	.cta a
 	{direction: rtl;}
 	.cta a {margin-right: 0; margin-left: 1em;}