reducing the content width
authorIan Weller <ian@gaslightmedia.com>
Fri, 9 Jun 2017 20:07:58 +0000 (16:07 -0400)
committerIan Weller <ian@gaslightmedia.com>
Fri, 9 Jun 2017 20:07:58 +0000 (16:07 -0400)
I reduced the content width of the site to 1000px rather than the 1200px
we used for University center.

css/app.css
scss/_settings.scss

index cfd944c..9e7e03d 100644 (file)
@@ -111,7 +111,7 @@ select {
 
 .row {
   margin: 0 auto;
-  max-width: 75rem;
+  max-width: 62.5rem;
   width: 100%; }
   .row:before, .row:after {
     content: " ";
@@ -3654,7 +3654,7 @@ ul.pagination {
     .reveal-modal {
       left: 0;
       margin: 0 auto;
-      max-width: 75rem;
+      max-width: 62.5rem;
       right: 0;
       width: 80%; } }
   @media only screen and (min-width:40.063em) {
@@ -3673,35 +3673,35 @@ ul.pagination {
     .reveal-modal.tiny {
       left: 0;
       margin: 0 auto;
-      max-width: 75rem;
+      max-width: 62.5rem;
       right: 0;
       width: 30%; } }
   @media only screen and (min-width:40.063em) {
     .reveal-modal.small {
       left: 0;
       margin: 0 auto;
-      max-width: 75rem;
+      max-width: 62.5rem;
       right: 0;
       width: 40%; } }
   @media only screen and (min-width:40.063em) {
     .reveal-modal.medium {
       left: 0;
       margin: 0 auto;
-      max-width: 75rem;
+      max-width: 62.5rem;
       right: 0;
       width: 60%; } }
   @media only screen and (min-width:40.063em) {
     .reveal-modal.large {
       left: 0;
       margin: 0 auto;
-      max-width: 75rem;
+      max-width: 62.5rem;
       right: 0;
       width: 70%; } }
   @media only screen and (min-width:40.063em) {
     .reveal-modal.xlarge {
       left: 0;
       margin: 0 auto;
-      max-width: 75rem;
+      max-width: 62.5rem;
       right: 0;
       width: 95%; } }
   .reveal-modal.full {
@@ -3716,7 +3716,7 @@ ul.pagination {
       .reveal-modal.full {
         left: 0;
         margin: 0 auto;
-        max-width: 75rem;
+        max-width: 62.5rem;
         right: 0;
         width: 100%; } }
   .reveal-modal.toback {
@@ -4565,7 +4565,7 @@ meta.foundation-mq-topbar {
   .contain-to-grid .top-bar {
     margin: 0 auto;
     margin-bottom: 0;
-    max-width: 75rem; }
+    max-width: 62.5rem; }
   .top-bar-section {
     transition: none 0 0;
     left: 0 !important; }
index 9c42278..6733693 100644 (file)
@@ -79,7 +79,7 @@ $include-html-global-classes: $include-html-classes;
 // $include-html-grid-classes: $include-html-classes;
 // $include-xl-html-grid-classes: false;
 
-$row-width: rem-calc(1200);
+$row-width: rem-calc(1000);
 $total-columns: 12;
 $column-gutter: rem-calc(30);