amabes

OOCSS and BEM

We encourage some combination of OOCSS and BEM for these reasons:

• It helps create clear, strict relationships between CSS and HTML
• It helps us create reusable, composable components
• It allows for less nesting and lower specificity
• It helps in building scalable stylesheets

OOCSS, or “Object Oriented CSS”, is an approach for writing CSS that encourages you to think about your stylesheets as a collection of “objects”: reusable, repeatable snippets that can be used independently throughout a website.

amabes

export const countries = {
  AF: 'Afghanistan',
  AL: 'Albania',
  DZ: 'Algeria',
  AS: 'American Samoa',
  AD: 'Andorra',
  AO: 'Angola',
  AI: 'Anguilla',
  AQ: 'Antarctica',
  AG: 'Antigua And Barbuda',

amabes

{
  "presets": ["es2015"],
  "plugins": ["transform-async-to-generator"]
}

amabes

// Method to test
public uploadFileList(files: FileList) {
 // whatever
}

// Test
it("uploadFileList", () => {
  const blob = new Blob([""], { type: "text/html" });
  blob["lastModifiedDate"] = "";
  blob["name"] = "filename";

amabes

<!-- Forked from Caroline Schnapp -->
<!-- See this: https://docs.shopify.com/support/your-store/products/can-i-recommend-related-products#finding-a-relevant-collecitons -->

{% assign heading = 'Accessories' %}
{% assign collection_handle = 'Accessories' %}

{% assign same_vendor = false %} {% comment %} Make search more strigent {% endcomment %}
{% assign same_type = false %} {% comment %} Make search more strigent {% endcomment %}
{% assign collection = collections[:collection_handle] %}
{% assign found_a_collection = false %}