From 5f732d84680066f46cb2ec66dc47a95f56686723 Mon Sep 17 00:00:00 2001
From: Roman Timashev <tmshv@yandex-team.ru>
Date: Wed, 13 Sep 2017 14:18:18 +0300
Subject: [PATCH] Style updated. Introduced css variables

---
 src/style/components/article.scss | 5 ++++-
 src/style/variables.scss          | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/style/components/article.scss b/src/style/components/article.scss
index e539d245..e5a89534 100644
--- a/src/style/components/article.scss
+++ b/src/style/components/article.scss
@@ -9,7 +9,7 @@
     h1 {
       font-size: $biggest-font-size;
       text-align: center;
-      margin-bottom: $half-margin;
+      margin-bottom: $small-margin;
     }
 
     h2 {
@@ -40,6 +40,9 @@
     }
 
     p {
+      --margin: 20px;
+      margin-left: var(--margin);
+      margin-right: var(--margin);
       margin-bottom: 1.75em;
       line-height: 1.75em;
     }
diff --git a/src/style/variables.scss b/src/style/variables.scss
index da3d2844..551d06eb 100644
--- a/src/style/variables.scss
+++ b/src/style/variables.scss
@@ -51,7 +51,7 @@ $smaller-font-size: 0.9rem;
 $normal-font-size: 1.0rem;
 $bigger-font-size: 1.2rem;
 $big-font-size: 1.5rem;
-$biggest-font-size: 2.5rem;
+$biggest-font-size: 2.25rem;
 
 //MENU
 $menu-thickness: 2.5em;