Rework the about header size change to be based on the screen width, not the menu...

Also reworks to be mobile-first

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 6e112691c6f5b752390ff22ceb0b91773a7cfe12..9ffca27e38bfe1a796da275d6750d73c8a5fa39e 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -2211,12 +2211,18 @@ input.richtext_title[type="text"] {
       display: block;
       color: white;
       font-weight: 300;
-      font-size: 34px;
+      font-size: 28px;
       span {
         color: $vibrant-green;
       }
     }
 
+    @include media-breakpoint-up(sm) {
+      h1 {
+        font-size: 34px;
+      }
+    }
+
     .user-image {
       position: absolute;
       top: 0px;

diff --git a/app/assets/stylesheets/small.scss b/app/assets/stylesheets/small.scss
index a67f7a536b09b22833bc78a2579f12b3cf410b5f..aa2dc323c97676b086551c282f28bd20a82508b2 100644 (file)
--- a/app/assets/stylesheets/small.scss
+++ b/app/assets/stylesheets/small.scss
@@ -120,11 +120,6 @@ body.small {
   #login_openid_buttons td {
     padding: 2px;
   }
-
-  &.site-about #content .attr h1 {
-    font-size: 28px;
-  }
-
 }
 
 @media (max-width: 767.98px) {