Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
re-writes introduction to BEM explaining the relationship between BEM and OOCSS
  • Loading branch information
EllieJudge authored Oct 19, 2021
1 parent 07e2afd commit b6683f3
Showing 1 changed file with 3 additions and 1 deletion.
4 changes: 3 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ A project on how to write scaleable CSS using BEM notation and OOCSS

# What is OOCSS? 🧐

OOCSS (Object Oriented CSS) is a methodology created by ([Nicole Sullivan](https://github.com/stubbornella/oocss/wiki) 2009), for writing CSS that abstracts away CSS repetition into re-usable "objects".
OOCSS (Object Oriented CSS) is a methodology created by ([Nicole Sullivan](https://github.com/stubbornella/oocss/wiki) 2009), for writing CSS that abstracts away CSS repetition into reusable "objects".

## What is a CSS "object"?

Expand Down Expand Up @@ -154,6 +154,8 @@ BEM notation ([Yandex](https://en.bem.info/methodology/) 2009), is a CSS naming

BEM stands for Block Element Modifier and has a high adoption rate amongst developers due to it's low cost, ease of use - and success!

OOCSS and BEM are two separate methodologies, but essentially OOCSS defines good architecture and BEM makes those principles less confusing.

Lets break it down...

![B-b-break it down!](./images/break-dance.png)
Expand Down

0 comments on commit b6683f3

Please sign in to comment.