Alan Mabry 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.

	<!-- 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 %}

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

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

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

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