docs tweaks for responsive

toppleone · Aug 19, 2015 · 980d8ea · 980d8ea
1 parent 624723f
commit 980d8ea
Show file tree

Hide file tree

Showing 6 changed files with 34 additions and 18 deletions.
diff --git a/docs/assets/css/docs.min.css b/docs/assets/css/docs.min.css
diff --git a/docs/assets/css/docs.min.css.map b/docs/assets/css/docs.min.css.map
diff --git a/docs/assets/scss/_featurettes.scss b/docs/assets/scss/_featurettes.scss
@@ -4,14 +4,18 @@
   font-size: 1rem;
   line-height: 1.5;
   color: #555;
-  // text-align: center;
+  text-align: center;
   background-color: #fff;
   border-top: 1px solid #eee;
 
   .highlight {
     text-align: left;
   }
 
+  @include media-breakpoint-up(sm) {
+    text-align: left;
+  }
+
   @include media-breakpoint-up(md) {
     .col-sm-6:first-child {
       padding-right: ($grid-gutter-width * 1.5);
@@ -29,13 +33,18 @@
   color: #333;
 
   + .lead {
-    font-size: 1.5rem;
+    font-size: 1rem;
     margin-bottom: 2rem;
   }
 }
 .half-rule {
   width: 6rem;
-  margin: 2.5rem 0;
+  margin: 2.5rem auto;
+
+  @include media-breakpoint-up(sm) {
+    margin-right: 0;
+    margin-left: 0;
+  }
 }
 .bd-featurette h4 {
   margin-top: 1rem;
@@ -69,11 +78,13 @@
   }
   .bd-featurette-title {
     font-size: 2.5rem;
+
+    + .lead {
+      font-size: 1.5rem;
+    }
   }
   .bd-featurette .lead {
     max-width: 80%;
-    // margin-right: auto;
-    // margin-left: auto;
   }
   .bd-featurette .img-responsive {
     margin-top: 0;

diff --git a/docs/assets/scss/_masthead.scss b/docs/assets/scss/_masthead.scss
@@ -1,6 +1,6 @@
 .bd-masthead {
   position: relative;
-  padding: ($grid-gutter-width / 2);
+  padding: 3rem ($grid-gutter-width / 2) 2rem;
   color: $bd-purple-light;
   text-align: center;
   background: -webkit-linear-gradient(135deg, darken($bd-purple, 20%), $bd-purple, lighten(saturate($bd-purple, 5%), 15%));
@@ -21,7 +21,7 @@
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 2rem;
-    font-size: 1rem;
+    font-size: 1.25rem;
     color: #fff;
   }
 

diff --git a/docs/assets/scss/_page-header.scss b/docs/assets/scss/_page-header.scss
@@ -1,5 +1,5 @@
 .bd-pageheader {
-  padding: 2rem .75rem;
+  padding: 2rem ($grid-gutter-width / 2);
   margin-bottom: 1.5rem;
   color: $bd-purple-light;
   text-align: center;
@@ -17,7 +17,8 @@
 
   p {
     margin-bottom: 0;
-    font-size: 1.5rem;
+    font-size: 1.25rem;
+    font-weight: 300;
   }
 
   @include media-breakpoint-up(sm) {
@@ -35,6 +36,10 @@
     h1 {
       font-size: 4rem;
     }
+
+    p {
+      font-size: 1.5rem;
+    }
   }
 
   @include media-breakpoint-up(lg) {