Skip to end of banner
Go to start of banner

Coding Standards

Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 2 Next »

These standards should be followed for how visual designers will code banners and landing pages.

HTML

TBD

CSS/SCSS

Terminology

Rule Declaration

A “rule declaration” is the name given to a selector (or a group of selectors) with an accompanying group of properties. Here's an example:

.my-element-class {
  /* ... */
}

[aria-hidden] {
  /* ... */
}

Selectors

In a rule declaration, “selectors” are the bits that determine which elements in the DOM tree will be styled by the defined properties. Selectors can match HTML elements, as well as an element's class, ID, or any of its attributes. Here are some examples of selectors:


/* some selector */ {
  background: #f1f1f1;
  color: #333;
}

Properties

Finally, properties are what give the selected elements of a rule declaration their style. Properties are key-value pairs, and a rule declaration can contain one or more property declarations. Property declarations look like this:

/* some selector */ {
  background: #f1f1f1;
  color: #333;
}

JS

TBD

Reference

airbnb coding standards

  • No labels