Noissue - Use new utilities and .container from website-defaults

templates/article.tmpl

Index: templates/article.tmpl
===================================================================
--- a/templates/article.tmpl
+++ b/templates/article.tmpl
@@ -1,15 +1,15 @@
 {% extends "templates/minimal" %}
 
 {% set product = products[product_id] %}
 
 {% block body %}
 <nav aria-label="{{ "Breadcrumb" | translate("breadcrumb-label", "Label") }}" class="breadcrumb">
-  <ol class="container clearfix" itemscope itemtype="http://schema.org/BreadcrumbList">
+  <ol class="container large-desktop-width clearfix" itemscope itemtype="http://schema.org/BreadcrumbList">

[ire, 2017/10/26 10:46:27]

I thought it looked better if the breadcrumb was aligned with the navbar, rather
than the main content. This is an opinion, the spec isn't clear since the
mockups don't always show that the navbar should be wider

     <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
       <a itemscope itemtype="http://schema.org/Thing" itemprop="item" href="{{ product.slug }}">
         <img class="heading-icon" src="/img/png/logo-{{ product_id }}.png" srcset="/img/svg/logo-{{ product_id }}.svg 2x" alt="{{ product.full_name+" Logo" | translate(product_id+"-logo-alt", "Image alt text") }}">
         <span itemprop="name">{{ product.full_name | translate(product_id+"-name", "Product name") }}</span>
       </a>
       <meta itemprop="position" content="1" />
     </li>
     <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">