Photon versions of the some common WebComponents
Clone or download
Pull request Compare This branch is 14 commits behind FirefoxUX:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.circleci
.storybook
components/Button
demo
vendor
.editorconfig
.eslintignore
.eslintrc.js
.gitignore
.prettierignore
.prettierrc
.stylelintignore
.stylelintrc
LICENSE
README.md
base.css
package-lock.json
package.json
vendor.js

README.md

photon-components-web

Photon versions of the some common web UI components

Conventions

Components are styled using the BEM (Block-Element-Modifier) convention:

  • Top-level components are "blocks"
    • e.g. button
  • Parts of components are "elements", and are namespaced by their block:
    • e.g. card__media as a sub-element of card
  • modifiers are optional or stateful properties applied to the markup:
    • Top-level modifiers are namespaced to their block, e.g. button--primary
    • Element-level modifiers namespace to their element, e.g. card__media--loading