add variables.scss and add custom plan in howit works page

redacademy · Jun 19, 2019 · 3955b36 · 3955b36
1 parent 08605c7
commit 3955b36
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 1 deletion.
diff --git a/themes/rcforward/page-how-it-works.php b/themes/rcforward/page-how-it-works.php
@@ -44,6 +44,7 @@
 	</div>
 	<?php get_template_part( 'template-parts/content', 'why-donate' ); ?>
 	<?php get_template_part( 'template-parts/content', 'charities' ); ?>
+	<?php get_template_part('template-parts/content', 'custom-plan'); ?>
 
 <?php endwhile; // End of the loop. ?>
 

diff --git a/themes/rcforward/sass/_front-page.scss b/themes/rcforward/sass/_front-page.scss
@@ -50,9 +50,21 @@
 .home{
     text-align:center;
     .entry-header{
+        padding:$content__padding;
         display:flex;
         .header-content{
             flex-basis:50%;
+            a{
+                // @include button();
+                // display:inline-block;
+                width:8rem;
+                margin:auto 1rem;
+            }
+            .donate-page-button{
+                color:$code__blue;
+                border:1px solid $code__blue;
+
+            }
         }
     }
 

diff --git a/themes/rcforward/sass/_variables.scss b/themes/rcforward/sass/_variables.scss
@@ -36,10 +36,11 @@ $white: #fff;
 // RC Fonts
 $gotham__font: 'Montserrat Light', sans-serif;
 
-// RC Mixins
+// Screen Size
 $tablet-width: 600px;
 $desktop-width: 1000px;
 $max-screen-size: 1440px;
+$max-content-size: 900px;
 
 // Typography
 

diff --git a/themes/rcforward/style.css b/themes/rcforward/style.css
@@ -839,12 +839,19 @@ ol.flickity-page-dots {
 .home {
   text-align: center; }
   .home .entry-header {
+    padding: 2rem 6rem;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex; }
     .home .entry-header .header-content {
       -ms-flex-preferred-size: 50%;
           flex-basis: 50%; }
+      .home .entry-header .header-content a {
+        width: 8rem;
+        margin: auto 1rem; }
+      .home .entry-header .header-content .donate-page-button {
+        color: #00BEA8;
+        border: 1px solid #00BEA8; }
   .home .choose-fund {
     padding: 2rem 6rem; }
     .home .choose-fund .choose-fund-subtitle {