Remove inherent padding from breadcrumb (#642)

* Remove inherent padding from breadcrumb

* Apply tag_options to rendered breadcrumb container

_components/breadcrumb_component.html.erb

@@ -1,5 +1,5 @@
-<nav class="usa-breadcrumb" aria-label="Breadcrumbs,,">
+<%= tag.nav(**tag_options, class: css_class, aria: { label: 'Breadcrumbs,,' }) do %>
   <ol class="usa-breadcrumb__list">
     <%= content %>
   </ol>
-</nav>
+<% end %>

_components/breadcrumb_component.rb

@@ -1 +1,11 @@
-class BreadcrumbComponent < BaseComponent; end
+class BreadcrumbComponent < BaseComponent
+  attr_reader :tag_options
+
+  def initialize(**tag_options)
+    @tag_options = tag_options
+  end
+
+  def css_class
+    ['usa-breadcrumb', *tag_options[:class]]
+  end
+end

_layouts/article.html

@@ -23,7 +23,7 @@
       {% if page.category %}
         {% assign home_url = "/" | prepend: site.baseurl %}
         {% assign category_url = page.category | slugify | prepend: "/categories/" | prepend: site.baseurl | append: ".html" %}
-        {% component breadcrumb %}
+        {% component breadcrumb class="padding-y-0" %}
           {% component breadcrumb_item href=home_url %}Home{% endcomponent %}
           {% component breadcrumb_item href=category_url %}{{ page.category }}{% endcomponent %}
           {% component breadcrumb_item href=page.url current %}{{ page.title }}{% endcomponent %}