undo some css rules

mmmavis · May 28, 2015 · 57b7799 · 57b7799
1 parent 26068a0
commit 57b7799
Show file tree

Hide file tree

Showing 6 changed files with 32 additions and 45 deletions.
diff --git a/components/hero-unit.jsx b/components/hero-unit.jsx
@@ -46,7 +46,7 @@ var HeroUnit = React.createClass({
     }
 
     return (
-      <div className="row hero-unit-row">
+      <div className="row">
         <div className="col-md-12 hero-unit" style={{
           backgroundImage: 'url(' + this.state.image + ')'
         }}>

diff --git a/less/common.less b/less/common.less
@@ -54,9 +54,9 @@ main {
 }
 
 section {
-  padding: 1.5rem;
+  padding: 1.5rem 0;
   @media screen and (min-width: @screen-md-min) {
-    padding: 2.5rem;
+    padding: 2.5rem 0;
   }
 }
 
@@ -125,11 +125,6 @@ html.no-js .no-js-warning {
   border-top: 0.2rem solid @white;
 }
 
-#content {
-  padding-left: 0;
-  padding-right: 0;
-}
-
 .video-container {
   position: relative;
   width: 100%;

diff --git a/less/components/hero-unit.less b/less/components/hero-unit.less
@@ -1,8 +1,3 @@
-.hero-unit-row {
-  margin-left: 0;
-  margin-right: 0;
-}
-
 .hero-unit {
   background-position: right top;
   background-repeat: no-repeat;

diff --git a/less/components/page.less b/less/components/page.less
@@ -33,14 +33,12 @@ a.skip-to-content:focus {
     @media screen and (min-width: @screen-md-min) {
       margin: 0px 0px 0px 2.5rem;
       max-width: 1200px;
-      padding: 0 (@grid-gutter-width / 2);
     }
     @media screen and (min-width: 1800px) {
       margin: 0 auto;
     }
 
     .intro {
-      padding: 0 2.5rem;
       h1 {
         margin-bottom: 3rem;
       }

diff --git a/less/pages/home.less b/less/pages/home.less
@@ -79,5 +79,8 @@
 
 .quote {
   background: @paleBlue;
+  margin-left: -(@grid-gutter-width / 2);
+  margin-right: -(@grid-gutter-width / 2);
+  padding-left: (@grid-gutter-width / 2);
 }
 
diff --git a/pages/home.jsx b/pages/home.jsx
@@ -179,39 +179,35 @@ var HomePage = React.createClass({
           </section>
         </div>
         <div className="quote">
-          <div className="inner-container">
-            <section>
-              <CaseStudies/>
-            </section>
-          </div>
-        </div>
-        <div className="inner-container">
           <section>
-            <IconLinks>
-              <IconLink
-                href={config.TWITTER_LINK}
-                imgSrc="/img/pages/about/svg/icon-twitter-blue.svg"
-                imgAlt=""
-                head="Follow Us"
-                subhead="Start a conversation on Twitter"
-              />
-              <IconLink
-                href="mailto:[email protected]"
-                imgSrc="/img/pages/about/svg/icon-get-help-blue.svg"
-                imgAlt=""
-                head="Get Help"
-                subhead="Email us anytime"
-              />
-              <IconLink
-                href="http://discourse.webmaker.org/category/meet"
-                imgSrc="/img/pages/about/svg/icon-connect-blue.svg"
-                imgAlt=""
-                head="Say Hello"
-                subhead="Connect on the Discourse forum"
-              />
-            </IconLinks>
+            <CaseStudies/>
           </section>
         </div>
+        <section>
+          <IconLinks>
+            <IconLink
+              href={config.TWITTER_LINK}
+              imgSrc="/img/pages/about/svg/icon-twitter-blue.svg"
+              imgAlt=""
+              head="Follow Us"
+              subhead="Start a conversation on Twitter"
+            />
+            <IconLink
+              href="mailto:[email protected]"
+              imgSrc="/img/pages/about/svg/icon-get-help-blue.svg"
+              imgAlt=""
+              head="Get Help"
+              subhead="Email us anytime"
+            />
+            <IconLink
+              href="http://discourse.webmaker.org/category/meet"
+              imgSrc="/img/pages/about/svg/icon-connect-blue.svg"
+              imgAlt=""
+              head="Say Hello"
+              subhead="Connect on the Discourse forum"
+            />
+          </IconLinks>
+        </section>
       </div>
     );
   }