Id 420

README.md

@@ -113,6 +113,14 @@ In your application you will need to do the following:
 * Replace references to `id7-bundle.min.js` with `id7-bundle.js`
 * `id7-standalone.js` was removed from the distribution; you should build your own bundle if you are using this
 
+## Using ID7.1
+
+From version 2.9.7 onwards, you can apply the new "ID7.1" styling to the site masthead in your app. To do so:
+
+* Add the `id7-point-1` class to any `id7-utility-masthead` elements in your templates
+* Replace the logo image src `/dist/images/logo.png` with `/dist/images/logo.svg` in your templates
+* Update anything app-specific that needs updating - the whole masthead region should have a white background
+
 ## Breaking changes
 
 - **1.2.0** - Now uses a custom Modernizr build (see _What's included_ above) with a minimal range of tests. If your application relies on other tests or shims which were included in previous versions, they will likely fail.

docs/_includes/masthead.html

@@ -6,7 +6,7 @@
                     <div class="id7-logo-row">
                         <div class="id7-logo">
                             <a href="https://warwick.ac.uk" title="University of Warwick homepage">
-                                <img src="/dist/images/logo.png" alt="University of Warwick homepage">
+                                <img src="/dist/images/logo.svg" alt="University of Warwick homepage">
                             </a>
                         </div>
                         <nav class="id7-site-links" aria-label="Site links">

less/masthead.less

@@ -230,11 +230,8 @@
   .id7-logo-column {
     padding-left: 1px;
 
-    .id7-logo {
-      background-image: url("@{id7-image-root-dir}/logo-id7-point-1.svg");
-      background-repeat: no-repeat;
-      background-position-x: center;
-      background-position-y: top;
+    .id7-logo a img {
+      opacity: 1;
     }
   }
 }