From 1297403477515e471bf84101ad91f702cc86c145 Mon Sep 17 00:00:00 2001
From: Aliaksandr BUDZKO <abudzko@takima.fr>
Date: Tue, 13 Jul 2021 17:37:49 +0200
Subject: [PATCH] fix: start refacto
---
.../components/TopLinks/TopLinks.module.scss | 3 ++-
src/js/pages/MainPage,module.scss | 2 +-
.../BottomSection/BottomSection.module.scss | 14 +++++++++++
.../CloudSection/CloudSection.module.scss | 18 ++++++++-------
.../FeatureSection/FeatureSection.module.scss | 7 ++++--
.../LandingSection/LandingSection.module.scss | 6 +++--
.../StatsSection/StatsSection.module.scss | 11 ++++-----
.../TowerSection/TowerSection.module.scss | 23 +++++++++----------
.../VscodeSection/VscodeSection.module.scss | 7 ++----
9 files changed, 53 insertions(+), 38 deletions(-)
diff --git a/src/js/components/TopLinks/TopLinks.module.scss b/src/js/components/TopLinks/TopLinks.module.scss
index 3b39663..36faa89 100644
--- a/src/js/components/TopLinks/TopLinks.module.scss
+++ b/src/js/components/TopLinks/TopLinks.module.scss
@@ -8,10 +8,11 @@
font-family: $primary_font;
color: $primary_black;
margin: 0 auto;
+ line-height: 6vh;
.Logo {
float: left;
- font-size: 2rem;
+ font-size: 1vw;
color: $primary_black;
text-decoration: none;
diff --git a/src/js/pages/MainPage,module.scss b/src/js/pages/MainPage,module.scss
index 32f675a..2aa9429 100644
--- a/src/js/pages/MainPage,module.scss
+++ b/src/js/pages/MainPage,module.scss
@@ -11,7 +11,7 @@ html {
z-index: 1;
width: 100%;
font-family: $primary_font;
- height: 6%;
+ height: 6vh;
}
@media (max-width: 1200px) {
diff --git a/src/js/sections/BottomSection/BottomSection.module.scss b/src/js/sections/BottomSection/BottomSection.module.scss
index 2de41ab..d9c12f5 100644
--- a/src/js/sections/BottomSection/BottomSection.module.scss
+++ b/src/js/sections/BottomSection/BottomSection.module.scss
@@ -32,6 +32,7 @@
.Title {
font-size: 1.8vw;
+ line-height: 2.2vw;
}
.Caption {
@@ -44,10 +45,12 @@
.FirstComment {
font-size: 1.2vw;
+ line-height: 1.6vw;
}
.SecondComment {
font-size: 0.8vw;
+ line-height: 1.2vw;
}
}
@@ -99,6 +102,7 @@
text-align: left;
color: white;
font-size: 0.9vw;
+ line-height: 1.3vw;
}
}
@@ -112,6 +116,7 @@
.BigCaption {
color: white;
font-size: 1.1vw;
+ line-height: 1.5vw;
margin-bottom: 10%;
}
@@ -120,6 +125,7 @@
margin-bottom: 5%;
font-family: $primary_font;
font-size: 0.9vw;
+ line-height: 1.3vw;
width: 100%;
height: 30%;
@@ -128,6 +134,7 @@
.SmallCaption {
color: white;
font-size: 1vw;
+ line-height: 1.4vw;
margin-top: 5%;
}
}
@@ -154,6 +161,7 @@
.Title {
font-size: 3vw;
+ line-height: 3.4vw;
}
.Caption {
@@ -164,10 +172,12 @@
.FirstComment {
font-size: 2.4vw;
+ line-height: 2.8vw;
}
.SecondComment {
font-size: 1.6vw;
+ line-height: 2vw;
}
}
@@ -212,6 +222,7 @@
max-width: 100%;
font-size: 1.8vw;
+ line-height: 2.2vw;
}
}
@@ -220,6 +231,7 @@
.BigCaption {
font-size: 2.2vw;
+ line-height: 2.6vw;
margin-bottom: 10%;
}
@@ -232,6 +244,7 @@
.SmallCaption {
font-size: 2vw;
+ line-height: 2.4vw;
}
}
}
@@ -285,6 +298,7 @@
.BigCaption {
font-size: 2.2vw;
+ line-height: 2.6vw;
margin-bottom: 10%;
}
diff --git a/src/js/sections/CloudSection/CloudSection.module.scss b/src/js/sections/CloudSection/CloudSection.module.scss
index 9684a78..171ee8e 100644
--- a/src/js/sections/CloudSection/CloudSection.module.scss
+++ b/src/js/sections/CloudSection/CloudSection.module.scss
@@ -15,15 +15,16 @@
font-family: $primary_font;
.UpperBlock {
- margin-top: 5%;
+ margin-top: 2%;
font-size: 2.3vw;
+ line-height: 2.7vw;
max-width: 40%;
text-align: center;
}
.Cloud {
- margin-top: 3%;
+ margin-top: 2%;
max-width: 50vw;
max-height: 60vh;
}
@@ -32,12 +33,12 @@
margin-top: 2%;
font-size: 2vw;
max-width: 40%;
- line-height: 2vw;
+ line-height: 2.4vw;
.Caption {
margin-top: 20px;
font-size: 1.3vw;
- line-height: 1.3vw;
+ line-height: 1.7vw;
max-width: 60%;
color: white;
@@ -65,12 +66,12 @@
.BottomBlock {
font-size: 4vw;
- line-height: 4vw;
+ line-height: 4.4vw;
max-width: 40%;
.Caption {
font-size: 2.5vw;
- line-height: 2.5vw;
+ line-height: 2.9vw;
max-width: 70%;
}
@@ -83,6 +84,7 @@
.UpperBlock {
font-size: 4vw;
+ line-height: 4.4vw;
max-width: 50%;
text-align: center;
@@ -97,11 +99,11 @@
.BottomBlock {
font-size: 4vw;
- line-height: 4vw;
+ line-height: 4.4vw;
.Caption {
font-size: 2.5vw;
- line-height: 2.5vw;
+ line-height: 2.9vw;
}
}
diff --git a/src/js/sections/FeatureSection/FeatureSection.module.scss b/src/js/sections/FeatureSection/FeatureSection.module.scss
index 33edb6b..96a479e 100644
--- a/src/js/sections/FeatureSection/FeatureSection.module.scss
+++ b/src/js/sections/FeatureSection/FeatureSection.module.scss
@@ -27,11 +27,12 @@
flex-direction: row;
padding: 5% 5% 5% 5%;
font-size: 1.7vw;
- line-height: 1.7vw;
+ line-height: 2.1vw;
.Checkmark {
padding-right: 5%;
font-size: 3vw;
+
}
}
}
@@ -66,6 +67,7 @@
.Author {
position: relative;
font-size: 1.2vw;
+ line-height: 1.6vw;
padding: 0 0 2% 25%;
}
}
@@ -80,7 +82,7 @@
.LeftSide {
.Feature {
font-size: 3vw;
- line-height: 3vw;
+ line-height: 3.4vw;
}
}
@@ -94,6 +96,7 @@
.Author {
font-size: 2vw;
+ line-height: 2.5vw;
}
}
}
diff --git a/src/js/sections/LandingSection/LandingSection.module.scss b/src/js/sections/LandingSection/LandingSection.module.scss
index 7d0fa0a..f841914 100644
--- a/src/js/sections/LandingSection/LandingSection.module.scss
+++ b/src/js/sections/LandingSection/LandingSection.module.scss
@@ -18,8 +18,8 @@
flex-basis: 50%;
.Octopus {
- width: 50vw;
- height: 50vh;
+ width: 55vw;
+ height: 55vh;
}
}
@@ -28,9 +28,11 @@
font-family: $primary_font;
vertical-align: middle;
flex-basis: 40%;
+ margin-left: -15vw;
.Title {
font-size: 5vw;
+ text-align: center;
.Caption {
font-size: 1.5vw;
diff --git a/src/js/sections/StatsSection/StatsSection.module.scss b/src/js/sections/StatsSection/StatsSection.module.scss
index a89730d..f0729d5 100644
--- a/src/js/sections/StatsSection/StatsSection.module.scss
+++ b/src/js/sections/StatsSection/StatsSection.module.scss
@@ -29,12 +29,12 @@
.Title {
font-size: 2.7vw;
- line-height: 3.2vw;
+ line-height: 3.1vw;
}
.Caption {
font-size: 1.3vw;
- line-height: 1.5vw;
+ line-height: 1.7vw;
color: white;
margin-top: 5%;
max-width: 80%;
@@ -48,9 +48,6 @@
.NotesImage {
max-width: 60vw;
max-height: 60vh;
- -webkit-box-shadow: -1px 1px 2px 3px $primary_very_lightblue;
- -moz-box-shadow: -1px 1px 2px 3px $primary_very_lightblue;
- box-shadow: -1px 1px 2px 3px $primary_very_lightblue;
}
}
@@ -88,12 +85,12 @@
.Title {
font-size: 4vw;
- line-height: 4.2vw;
+ line-height: 4.4vw;
}
.Caption {
font-size: 2vw;
- line-height: 2.2vw;
+ line-height: 2.4vw;
color: white;
max-width: 80%;
}
diff --git a/src/js/sections/TowerSection/TowerSection.module.scss b/src/js/sections/TowerSection/TowerSection.module.scss
index 927912b..85f7588 100644
--- a/src/js/sections/TowerSection/TowerSection.module.scss
+++ b/src/js/sections/TowerSection/TowerSection.module.scss
@@ -5,7 +5,7 @@
.TowerSection {
background: $primary_lightblue;
background-size: 100% 100%;
- min-height: 80vh;
+ min-height: 90vh;
display: flex;
flex-direction: row;
@@ -17,31 +17,30 @@
font-family: $primary_font;
.LeftSide {
- flex-basis: 20%;
+ flex-basis: 40%;
.TowerImage {
- max-width: 60vw;
- max-height: 65vh;
+ max-width: 70vw;
+ max-height: 70vh;
}
}
.RightSide {
vertical-align: middle;
- flex-basis: 20%;
+ flex-basis: 40%;
text-align: left;
- padding: 1% 3%;
max-width: 60%;
.Title {
font-size: 2.7vw;
- line-height: 3vw;
+ line-height: 3.1vw;
}
.Caption {
font-size: 1.3vw;
- line-height: 1.3vw;
+ line-height: 1.7vw;
margin-top: 5%;
color: white;
}
@@ -65,12 +64,12 @@
flex-basis: 40%;
.Title {
font-size: 5vw;
- line-height: 5vw;
+ line-height: 5.4vw;
}
.Caption {
font-size: 2.7vw;
- line-height: 2.7vw;
+ line-height: 3.1vw;
}
}
@@ -96,12 +95,12 @@
flex-basis: 40%;
.Title {
font-size: 5vw;
- line-height: 5vw;
+ line-height: 5.4vw;
}
.Caption {
font-size: 2.7vw;
- line-height: 2.7vw;
+ line-height: 3.1vw;
}
}
diff --git a/src/js/sections/VscodeSection/VscodeSection.module.scss b/src/js/sections/VscodeSection/VscodeSection.module.scss
index df40b43..3c8e57e 100644
--- a/src/js/sections/VscodeSection/VscodeSection.module.scss
+++ b/src/js/sections/VscodeSection/VscodeSection.module.scss
@@ -22,9 +22,6 @@
.VscodeImage {
width: 50vw;
height: 55vh;
- -webkit-box-shadow: -1px 1px 2px 3px $primary_very_lightblue;
- -moz-box-shadow: -1px 1px 2px 3px $primary_very_lightblue;
- box-shadow: -1px 1px 2px 3px $primary_very_lightblue;
}
}
@@ -39,13 +36,13 @@
.Title {
font-size: 2.7vw;
- line-height: 2.7vw;
+ line-height: 3.1vw;
}
.Caption {
font-size: 1.3vw;
- line-height: 1.5vw;
+ line-height: 1.7vw;
margin-top: 5%;
color: white;
}
--
GitLab