gazjoy

<form action="address" method="post">

  {% call govukFieldset({
      legend: {
          text: "How do you want to be contacted?",
          classes: "govuk-fieldset__legend--l",
          isPageHeading: true
      },
      classes: 'govuk-!-margin-top-6'
  }) %}

gazjoy

METALLICS

• gold
• silver
• bronze
• copper

BLUES

• navy
• sky
• teal

gazjoy

➜  gazjoy-prototypes git:(develop) git push heroku master
Counting objects: 3, done.
Delta compression using up to 8 threads.
Compressing objects: 100% (3/3), done.
Writing objects: 100% (3/3), 365 bytes | 365.00 KiB/s, done.
Total 3 (delta 2), reused 0 (delta 0)
remote: Compressing source files... done.
remote: Building source:
remote: 

gazjoy

default
catalog_category_default (* also used in directory.xml)
catalog_category_layered (* also used in directory.xml)
catalog_product_compare_index
catalog_product_gallery
catalog_product_send
catalog_product_view (* also used in customeralert.xml, tag.xml)
catalog_seo_searchterm_popular
catalog_seo_sitemap_category
catalog_seo_sitemap_product

gazjoy

Naming classes in CSS can be hard, fortunately BEM helps us to define a convention to adhere to.

https://github.com/getchopchop/chopchop/wiki/Best-Practices#bem

Having a mix of singular/plural can cause confusion between team members so just keep it singular!

---

Block:

• card