add secondary color, clean layout scss

OpenTechSchool · Apr 7, 2017 · 4d34da7 · 4d34da7
1 parent 9cbb555
commit 4d34da7
Show file tree

Hide file tree

Showing 5 changed files with 89 additions and 75 deletions.
diff --git a/_sass/_layout.scss b/_sass/_layout.scss
diff --git a/_sass/base/_layout.scss b/_sass/base/_layout.scss
@@ -16,3 +16,86 @@ body {
 a {
 	cursor: pointer;
 }
+
+
+header {
+	font-family: $heading-font-family;
+	padding-top: 0.25em;
+	margin-top: 10px;
+  padding: 0px 10px;
+
+	.mainlogo {
+		background-color: $brand-color;
+		font-size: $logo-size;
+		line-height: 2em;
+		color: white;
+		font-weight: 400;
+		padding: 0 0.5em;
+	}
+
+	.social-links {
+		font-size: $p-font-small;
+		text-transform: lowercase;
+	}
+
+	.main {
+		margin-top: 0.25em;
+		text-transform: uppercase;
+	}
+}
+
+.section-bkg {
+	margin-top: 50px;
+	margin-bottom: 50px;
+	h2 {
+		font-weight: 200;
+    font-size: 3rem;
+	}
+
+	&.section-bkg--blue {
+		background-color: $brand-color;
+		color: $white;
+		padding: 70px 0;
+
+		h2 {
+			font-weight: 700;
+		}
+	}
+
+	&.section-bkg--pink {
+		background-color: $ots_constrat_pink;
+		color: $white;
+		padding: 70px 0;
+
+		h2 {
+			font-weight: 700;
+		}
+	}
+}
+
+
+footer {
+	padding: 2em 3em 0.5em 3em;
+	background-color: $brand-color;
+	color: white;
+	text-align: left;
+	font-size: $p-font-small;
+
+	a, a:hover, a:visited {
+		color: white;
+	}
+
+	.disclaimer {
+		padding: 4em 3em 0.5em 3em;
+		text-align: center;
+		background-color: $brand-color;
+
+	}
+
+}
+
+@import
+	"../layouts/page.scss",
+	"../layouts/landing.scss",
+	"../layouts/chapter.scss"
+;
diff --git a/_sass/layouts/landing.scss b/_sass/layouts/landing.scss
@@ -67,4 +67,8 @@
 			padding: 40px 0 20px;
 		}
 	}
+
+	.callToAction {
+		margin-bottom: 0;
+	}
 }
diff --git a/css/main.scss b/css/main.scss
@@ -9,7 +9,6 @@
         "base/base",
         // this is a css so it will pulled externally
         "vendor/flexboxgrid.css",
-       	"layout",
        	"pages/_pages",
        	"components/_components"
-;	
+;
diff --git a/index.html b/index.html
@@ -84,7 +84,7 @@ <h2> Want to be more involed or ride the OTS-wave? </h2>
   <a href="" class="u-block"><div class="btn btn--center"> See all the discussions </div></a>
 </section>
 
-<section class="callToAction section-bkg section-bkg--blue">
+<section class="callToAction section-bkg section-bkg--pink">
   <div class="container">
     <h2> Quick Actions: Join us in your favorit way! </h2>
     <div class="row">