Apply changes to sass version

gitcoinco · Feb 13, 2021 · 4b7c680 · 4b7c680
1 parent 57af53c
commit 4b7c680
Show file tree

Hide file tree

Showing 10 changed files with 105 additions and 101 deletions.
diff --git a/app/assets/landingpage/app.css b/app/assets/landingpage/app.css
@@ -49,6 +49,7 @@ html {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-rendering: optimizeLegibility; 
+  font-size: 130%;
   font-size: calc(1vw + 1vh); }
 
 h1 {
@@ -69,16 +70,11 @@ p {
   line-height: 1.6em;
   margin-bottom: 1.6rem; }
 
-
-@media (min-width: 1313px) {
-  html {
-    font-size: calc(1vw + 1vh); } }
-
-@media (max-width: 1312px) {
+  @media (max-width: 1312px) {
   html {
     font-size: 120%; } }
 
-@media (max-width: 992px) {
+  @media (max-width: 992px) {
   html {
     font-size: 110%; } }
 
@@ -616,10 +612,10 @@ section#intro {
   width: 98%;
   display: grid;
   grid-template-columns: 1.5fr 1fr;
-  padding-top: 1rem; }
+  padding-top: 5rem; }
   section#intro div {
     align-self: center;
-    max-width: 100%; }
+    max-width: 39rem; }
     section#intro div p {
       max-width: 20rem; }
     section#intro div .big {
@@ -635,7 +631,8 @@ section#intro {
   section#intro {
     height: inherit;
     grid-template-columns: 1fr;
-    margin: 0em 3em; }
+    margin: 0em 3em; 
+    padding-top: 0em }
     section#intro div {
       grid-row: 2; }
     section#intro figure {

diff --git a/app/assets/landingpage/logo.scss b/app/assets/landingpage/logo.scss
@@ -3,10 +3,10 @@
   top: 3em;
   left: 3em;
 
-	img{
-		//width: 150px;
-		width: 8.7rem;
-	}
+  img{
+    //width: 150px;
+    width: 8.7rem;
+  }
 }
 
 

diff --git a/app/assets/landingpage/section_footerconsensys.scss b/app/assets/landingpage/section_footerconsensys.scss
@@ -2,10 +2,10 @@ section#footerconsensys{
 
   // background-color: var(--starwhite);
 
-	figure{
-		width: 8rem;
-		margin: auto;
-		padding: 3em 0em;
+  figure{
+    width: 8rem;
+    margin: auto;
+    padding: 3em 0em;
   }
 
 }
diff --git a/app/assets/landingpage/section_footersocial.scss b/app/assets/landingpage/section_footersocial.scss
@@ -27,14 +27,14 @@ section#footersocial{
 
 
 
-		svg{
-			background-color: none;
-			stroke: var(--starwhite);
-			stroke-width: 2;
-			stroke-miterlimit: 5;
-			width: 3rem;
-			height: 3rem;
-			fill: none;
+    svg{
+      background-color: none;
+      stroke: var(--starwhite);
+      stroke-width: 2;
+      stroke-miterlimit: 5;
+      width: 3rem;
+      height: 3rem;
+      fill: none;
 
       transition: all 500ms ease;
 

diff --git a/app/assets/landingpage/section_grid.scss b/app/assets/landingpage/section_grid.scss
@@ -11,10 +11,10 @@ section.grid {
 
   div.grid {
 
-		display: grid;
-		grid-template-columns: repeat(2, 1fr);
-		padding-top: 2rem;
-		margin-bottom: 3em;
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    padding-top: 2rem;
+    margin-bottom: 3em;
 
     div {
       align-self: center;

diff --git a/app/assets/landingpage/section_intro.scss b/app/assets/landingpage/section_intro.scss
@@ -2,20 +2,20 @@ section#intro{
 
   height: 100vh;
   margin-left: 3em;
-	display: grid;
-	grid-template-columns: 1.5fr 1fr;
-	padding-top: 1rem;
-
-	div {
-		align-self: center;
-		max-width: 100%;
-
-		p {
-			max-width: 20rem;
-		}
-		.big {
-			font-size: 1.5em;
-		}
+  display: grid;
+  grid-template-columns: 1.5fr 1fr;
+  padding-top: 5rem;
+
+  div {
+    align-self: center;
+    max-width: 39rem;
+
+    p {
+      max-width: 20rem;
+    }
+    .big {
+      font-size: 1.5em;
+    }
   }
 
   figure {
@@ -43,6 +43,7 @@ section#intro{
     grid-template-columns: 1fr;
 
     margin: 0em 3em;
+    padding-top: 0em;
 
     div{
       grid-row: 2;

diff --git a/app/assets/landingpage/section_newsletter.scss b/app/assets/landingpage/section_newsletter.scss
@@ -47,16 +47,16 @@ section#newsletter{
     display: block;
   }
 
-	button.btn{
-		background-color: var(--vinuspurple);
-		margin-left: 0.5rem;
+  button.btn{
+    background-color: var(--vinuspurple);
+    margin-left: 0.5rem;
   }
 
-	.options input[type="radio"] {
-		border: 0px;
-		width: 0.6rem;
-		height: 0.6rem; 
-	}
+  .options input[type="radio"] {
+    border: 0px;
+    width: 0.6rem;
+    height: 0.6rem; 
+  }
 
 
 }
@@ -76,23 +76,23 @@ section#newsletter{
     }
 
 
-		label {
-			padding: 0rem 0rem;
-		}
+    label {
+      padding: 0rem 0rem;
+    }
 
-		div.inputs {
-			flex-direction: column; 
-			padding: 1rem; 
-		}  
+    div.inputs {
+      flex-direction: column; 
+      padding: 1rem; 
+    }  
 
-		button.btn {
-			margin-left: 0; 
-		} 
+    button.btn {
+      margin-left: 0; 
+    } 
 
     margin-left: 1.5em;
     margin-right: 1.5em;
 
-	}
+  }
 }
 
 

diff --git a/app/assets/landingpage/section_twitter.scss b/app/assets/landingpage/section_twitter.scss
@@ -38,14 +38,14 @@ section#twitter{
     padding: 2em;
     padding-top: 0em;
 
-		img{
-			width: 3rem;
-			height: auto;
-			border-radius: 3rem;
-			margin: auto;
-			position: relative;
-			top: -1.5rem;
-		}
+    img{
+      width: 3rem;
+      height: auto;
+      border-radius: 3rem;
+      margin: auto;
+      position: relative;
+      top: -1.5rem;
+    }
 
     figcaption{		
       color: var(--starwhite);

diff --git a/app/assets/landingpage/typography.scss b/app/assets/landingpage/typography.scss
@@ -1,10 +1,11 @@
 html{
-    font-family: 'Mulish', sans-serif;
-    font-kerning: auto;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    text-rendering: optimizeLegibility;
-    font-size: calc(1vw + 1vh);
+  font-family: 'Mulish', sans-serif;
+  font-kerning: auto;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-rendering: optimizeLegibility;
+  font-size: 130%;
+  font-size: calc(1vw + 1vh);
 }
 
 
@@ -32,19 +33,13 @@ p{
 
 
 
-@media #{$desktop} {
-    html{ 
-        font-size: calc(1vw + 1vh);
-    }
-}
 
 @media #{$laptop} {
   html{ 
-    font-size: 120%; 
+    font-size: 120%;
   }
 }
 
-
 @media #{$tablet} { 
   html{  
     font-size: 110%;