Skip to content

Instantly share code, notes, and snippets.

View AJ-7885's full-sized avatar
👑
Crafted with care, coded by coffee, celebrated with champagne

AJ AJ-7885

👑
Crafted with care, coded by coffee, celebrated with champagne
  • Freelancer
  • BirthPlace: Earth, Politics: Freedom, Religion: Love
View GitHub Profile
@AJ-7885
AJ-7885 / deploy.bat
Created September 20, 2018 21:12 — forked from devbyray/deploy.bat
# How to deploy only your dist folder to gh-pages branch (Github Pages)
git subtree push --prefix dist origin gh-pages

Component based CSS Architecture

Rules

  1. A component always consists of CSS and HTML (JS is optional)
  2. HTML and JS of a component are located in ComponentName.js
  3. Styles of a component are located in ComponentName.scss
  4. Each CSS class starts with the unique component name
  5. The HTML of each component only uses its own prefixed classes
  6. Components can use other components, but never overwrite their styles