Move images to more descriptive locations

Also remove the inoperable `asset` function set from _functions.scss

Author: pyrrho

dynamic/css/abstracts/_functions.scss

@@ -3,36 +3,6 @@
 /// ===============================
 ////
 
-/// Native `url(..)` function wrapper
-/// @author Hugo Giraudel
-/// @param {String} $type - asset type folder (e.g. `fonts/`)
-/// @param {String} $path - asset path
-/// @param {String} $base [$base-url] - base URL for the asset
-/// @return {Url}
-@function asset($type, $path, $base: $base-url) {
-  @return url($base + $type + $path);
-}
-
-/// Returns URL to an image based on its path
-/// @author Hugo Giraudel
-/// @param {String} $path - image path
-/// @param {String} $base [$base-url] - base URL
-/// @return {Url}
-/// @require $base-url
-@function image($path, $base: $base-url) {
-  @return asset($base, 'images/', $path);
-}
-
-/// Returns URL to a font based on its path
-/// @author Hugo Giraudel
-/// @param {String} $path - font path
-/// @param {String} $base [$base-url] - base URL
-/// @return {Url}
-/// @require $base-url
-@function font($path, $base: $base-url) {
-  @return asset($base, 'fonts/', $path);
-}
-
 
 /// Converts a px value to rem (base on the default font size of 16px)
 /// @author Drew Pirrone-Brusse

dynamic/css/base/_base.scss

@@ -110,7 +110,7 @@ a {
         width        : p2r(12px);  /* 2 */
         height       : p2r(10px);
         margin-right : p2r(-1px);  /* 3 */
-        // background : inline-image('layout/external.png') no-repeat right;  /* 1 */
+        // background : inline-image('/images/elements/external.png') no-repeat right;  /* 1 */
         background   : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAUklEQVR42m3O0QkAMQgD0JvWNZzDndwpRz5SepcIQWof6APgk+5GiKOZwa8EHTMGqwp3ONzdDFUXYufbYES6WVCfHB7EuW5mF7R1goqgVYQhBl+awCunCZHg2gAAAABJRU5ErkJggg==') no-repeat right;
       }
     }
@@ -130,7 +130,7 @@ a {
         display       : inline-block;
         width         : p2r(16px);  /* 2 */
         height        : p2r(16px);
-        // background    : inline-image("layout/pdf.png") no-repeat right;    /* 1 */
+        // background    : inline-image('/images/elements/pdf.png') no-repeat right;    /* 1 */
         background: url('data:image/png;base64,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') no-repeat right;
       }
     }

dynamic/css/components/_social-button.scss

@@ -23,7 +23,7 @@
     height : 42px;
     width  : 42px;
 
-    background-image  : url('/images/social_media/social-sprite.png');
+    background-image  : url('/images/index/social-sprite.png');
     background-repeat : no-repeat;
     background-position-y : 0;
 
@@ -38,7 +38,7 @@
     height : 42px;
     width  : 42px;
 
-    background-image  : url('/images/social_media/social-sprite.png');
+    background-image  : url('/images/index/social-sprite.png');
     background-repeat : no-repeat;
     background-position-y : -42px;
 

dynamic/css/layout/_banner.scss

@@ -7,7 +7,7 @@
 // Padding for the top-level element
 $banner-padding-left-md-up : ($content-nav-padding-left + 0.5rem);
 
-// Basho Docs Logo -- Assumed to wrap /images/layout/basho_docs_logo.png
+// Basho Docs Logo -- Assumed to wrap /images/branding/basho_docs_logo.png
 // The native size of this image is 312px x 69px. Scale it to ~48% for the
 // sm-down layouts, and ~52% for the md-up.
 $banner-logo-width-sm-down : p2r(150px);
@@ -49,7 +49,7 @@ $banner-background-secondary : $gray-45;
 
 /**
  * Basho Docs Logo
- * Assumed to wrap a <img src="/images/layout/basho_docs_logo.png"> element.
+ * Assumed to wrap a <img src="/images/branding/basho_docs_logo.png"> element.
  * 1. For sm-down layouts, center this element in the banner.
  * 2. For md-up, revert the positioning to static upper-left, and apply a
  *    padding to manually push the image text to just below the intra-brand

dynamic/css/pages/index.scss

@@ -251,7 +251,7 @@
     font-size : 1.2rem;
 
     @include wide-from('lg') {
-      background : url(/images/index/highlights-bg-split.jpg) left/cover;
+      background : url('/images/index/highlights-bg-split.jpg') left/cover;
     }
   }
   .highlight__container {
@@ -311,7 +311,7 @@
       color : $light-background-warm;
 
       background-color : $cyan-darker;
-      background : url(/images/index/highlights-bg-dark.jpg);
+      background : url('/images/index/highlights-bg-dark.jpg');
 
       .highlight__link {
         color        : $light-background-warm;
@@ -342,7 +342,7 @@
       color : $cyan-darker;
 
       background-color : $light-background-warm;
-      background : url(/images/index/highlights-bg-light.jpg) repeat;
+      background : url('/images/index/highlights-bg-light.jpg') repeat;
 
       .highlight__link {
         color        : $cyan-darker;

layouts/index.html

@@ -18,7 +18,7 @@
   <meta charset="utf-8">
   <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
   <meta name="viewport" content="width=device-width">
-  <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+  <link rel="shortcut icon" href="/images/branding/favicon.ico" type="image/x-icon" />
 
   <title>Basho Documentation</title>
 
@@ -68,8 +68,8 @@ <h1><strong>Welcome to the <br class="hidden-md-up"> Basho Docs</strong></h1>
           <a class="block   product__card" href="/riak/kv/latest/">
             <span class="inline-block   product__title"><!--
            --><span class="inline-block   product__logo product__logo--invertible"><!--
-             --><img class="logo logo--primary"  src="/images/index/riak-logo.png"><!--
-             --><img class="logo logo--inverted" src="/images/index/riak-logo-inverted.png"><!--
+             --><img class="logo logo--primary"  src="/images/branding/riak-logo.png"><!--
+             --><img class="logo logo--inverted" src="/images/branding/riak-logo-inverted.png"><!--
            --></span><!--
            -->Riak<span class="product__title-highlight">KV</span><!--
          --></span>
@@ -82,8 +82,8 @@ <h1><strong>Welcome to the <br class="hidden-md-up"> Basho Docs</strong></h1>
           <a class="block   product__card" href="/riak/ts/latest/">
             <span class="inline-block   product__title"><!--
            --><span class="inline-block   product__logo product__logo--invertible"><!--
-             --><img class="logo logo--primary"  src="/images/index/riak-logo.png"><!--
-             --><img class="logo logo--inverted" src="/images/index/riak-logo-inverted.png"><!--
+             --><img class="logo logo--primary"  src="/images/branding/riak-logo.png"><!--
+             --><img class="logo logo--inverted" src="/images/branding/riak-logo-inverted.png"><!--
            --></span><!--
            -->Riak<span class="product__title-highlight">TS</span><!--
          --></span>
@@ -96,8 +96,8 @@ <h1><strong>Welcome to the <br class="hidden-md-up"> Basho Docs</strong></h1>
           <a class="block   product__card" href="/riak/cs/latest/">
             <span class="inline-block   product__title"><!--
            --><span class="inline-block   product__logo product__logo--invertible"><!--
-             --><img class="logo logo--primary"  src="/images/index/riak-logo.png"><!--
-             --><img class="logo logo--inverted" src="/images/index/riak-logo-inverted.png"><!--
+             --><img class="logo logo--primary"  src="/images/branding/riak-logo.png"><!--
+             --><img class="logo logo--inverted" src="/images/branding/riak-logo-inverted.png"><!--
            --></span><!--
            -->Riak<span class="product__title-highlight">CS</span><!--
          --></span>

layouts/partials/banner.html

@@ -21,7 +21,7 @@
 
   <!-- Docs logo -->
   <div class="float-left   banner__docs-logo">
-    <a href="/index.html" class="block   docs-logo"><img class="docs-logo__image" src="/images/layout/basho_docs_logo.png"></a>
+    <a href="/index.html" class="block   docs-logo"><img class="docs-logo__image" src="/images/branding/basho_docs_logo.png"></a>
   </div>
 
 

layouts/partials/content-navigation.html

@@ -39,7 +39,7 @@
 
   {{ if $project_name_html }}
       <a class="inline-block float-left    product__title" href="/"><!--
-     --><img class="product__logo" src="/images/index/riak-logo.png"><!--
+     --><img class="product__logo" src="/images/branding/riak-logo.png"><!--
      -->{{ $project_name_html | safeHTML }}
       </a>
   {{ end }}

layouts/partials/head.html

@@ -17,7 +17,7 @@
   <meta charset="utf-8">
   <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
   <meta name="viewport" content="width=device-width">
-  <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+  <link rel="shortcut icon" href="/images/branding/favicon.ico" type="image/x-icon" />
 
   <title>{{ if $title_supertext }}{{ $title_supertext }} {{ end }}{{ $title }}</title>