update page layouts of ready and resources

Signed-off-by: Toshaan Bharvani <toshaan@vantosh.com>
3 years ago · e22434365c
parent caa1790db7
commit e22434365c
5 changed files with 22 additions and 20 deletions
--- a/themes/openpowerfoundation/assets/css/ready.scss
+++ b/themes/openpowerfoundation/assets/css/ready.scss
@ -1,15 +1,15 @@
-main {
-&.ready {
-	@media screen and (max-width: $lg) {
-		padding-top: 50px;
-		padding-bottom: 40px;
+.ready {
+	@media screen and (min-width: $xl) {
+		padding-top: 6.50rem;
+		padding-bottom: 50px;
 	}
 	@media screen and (min-width: $lg) and (max-width: $xl) {
 		padding-top: 70px;
 		padding-bottom: 40px;
 	}
-	@media screen and (min-width: $xl) {
-		padding-bottom: 50px;
+	@media screen and (max-width: $lg) {
+		padding-top: 50px;
+		padding-bottom: 40px;
 	}
 	.post__thumb {
 		width: 40px;
@ -29,8 +29,6 @@ main {
 		text-align: left;
 		line-height: 1.2;
 	}
-}
-}
 	.promo__section {
 		align-items: center;
 		&.ready {
@ -39,3 +37,7 @@ main {
 			}
 		}
 	}
+}
+.ready-single {
+	padding-top: 3.75rem;
+}
--- a/themes/openpowerfoundation/layouts/ready/list.html
+++ b/themes/openpowerfoundation/layouts/ready/list.html
@ -1,6 +1,6 @@
 {{ partial "header.html" . }}
 {{ partial "navbar.html" . }}
-<main id="main" class="main ready">
+<main class="ready">
 <section id="ready">
 <div id="ready" class="container-fluid">
 	<div class="section-header">
--- a/themes/openpowerfoundation/layouts/ready/single.html
+++ b/themes/openpowerfoundation/layouts/ready/single.html
@ -1,7 +1,7 @@
 {{ partial "header.html" . }}
 {{ partial "navbar.html" . }}
-<main id="main">
-<section id="page" class="section-bg">
+<main class="ready-single">
+<section class="ready-single" class="section-bg">
 <div class="container-fluid">
 	<div class="section-header">
 		<h2 class="section-title text-center">{{ .Title }}</h2>
--- a/themes/openpowerfoundation/layouts/resources/list.html
+++ b/themes/openpowerfoundation/layouts/resources/list.html
@ -1,6 +1,6 @@
 {{ partial "header.html" . }}
 {{ partial "navbar.html" . }}
-<main id="main" class="main ready">
+<main class="ready">
 <section id="ready">
 <div id="ready" class="container-fluid">
 	<div class="section-header">
--- a/themes/openpowerfoundation/layouts/resources/single.html
+++ b/themes/openpowerfoundation/layouts/resources/single.html
@ -1,7 +1,7 @@
 {{ partial "header.html" . }}
 {{ partial "navbar.html" . }}
-<main id="main">
-<section id="page" class="section-bg">
+<main class="ready-single">
+<section class="ready-single" class="section-bg">
 <div class="container-fluid">
 	<div class="section-header">
 		<h2 class="section-title text-center">{{ .Title }}</h2>