Merge pull request #698 from cul-it/rmc-legacy-theme

Add RMC legacy theme to include modified version of original  masthead images

app/assets/config/manifest.js

@@ -5,4 +5,5 @@
 //= link application_dr-joyce-brothers.css
 //= link application_blackprint.css
 //= link application_example.css
+//= link application_rmc-legacy.css
 //= link openseadragon-assets.js

app/assets/stylesheets/application_dr-joyce-brothers.scss

@@ -30,7 +30,6 @@ body, header {
 
   .background-container {
     background-position: center;
-    filter: none;
     height: 180px;
     border: none;
 

app/assets/stylesheets/application_rmc-legacy.scss

@@ -0,0 +1,39 @@
+@import 'base';
+
+// Theme designed to include a modified version of the original RMC masthead image in larger screen sizes
+
+.masthead {
+  .site-title-container {   
+    @media (min-width: breakpoint-max('md')) {
+      // For larger screen sizes, hide title text (except for screen readers)
+      height: 180px;
+      .site-title {
+        @include sr-only;
+      }
+      .site-title-wrapper {
+        background: none;
+      }
+
+    }
+  }
+
+  .background-container {
+    // Center masthead image
+    background-position: center;
+    border: none;
+    height: 180px;
+
+    @media (max-width: breakpoint-max('md')) {
+      // For smaller screen sizes, zoom in on solid background color on left side of modified RMC masthead image
+      background-position: left;
+      background-size: 600% 100%; 
+    }
+  }  
+
+  .background-container-gradient {
+    @media (min-width: breakpoint-max('md')) {
+      // For larger screen sizes, remove background image gradient
+      display: none;
+    }
+  }
+}

app/assets/stylesheets/exhibits/_header.scss

@@ -120,6 +120,11 @@ header {
 	}
 }
 
+// Remove default blur filter
+.image-masthead .background-container {
+	filter: blur(0);
+}
+
 // Utilities navbar
 // --------------------
 .navbar-toggler {

config/initializers/spotlight_initializer.rb

@@ -116,7 +116,7 @@
 #   'my-local-config': ->(context) { context.my_custom_data_path(context.current_exhibit) }
 # }
 
-default_themes = %w[default example]
+default_themes = %w[default example rmc-legacy]
 custom_themes = %w[dr-joyce-brothers blackprint]
 Spotlight::Engine.config.exhibit_themes = default_themes + custom_themes