-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
14b2561
commit 70c7b9d
Showing
1 changed file
with
15 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,15 @@ | ||
# Cube__Css--Methodology | ||
|
||
CUBE CSS is a CSS methodology that’s orientated towards simplicity, pragmatism and consistency. It’s designed to work with the medium that you’re working in—often the browser—rather than against it. | ||
|
||
## What does CUBE CSS stand for? | ||
CUBE stands for Composition Utility Block Exception. CSS stands for Cascading Style Sheets. The CSS part comes straight from the language: CSS (opens new window). | ||
|
||
The name of this methodology gives the game away straight away; it’s an extension of CSS rather than a reinvention of CSS. The CUBE part extends what we already get for free with CSS to give us a little bit of control, where we need it. | ||
|
||
This differs somewhat to other popular methodologies like BEM (opens new window), which are very good in their own right, but also run against the grain of CSS. | ||
|
||
## How does CUBE CSS compare to other methodologies? | ||
If you were to compare methodologies: it would be safe to say that CUBE CSS takes most of its inspiration from BEM (opens new window). A good way to think of it is a step back from BEM’s principles. | ||
|
||
This is because the core of BEM is blocks, whereas with CUBE CSS, the core is CSS. The cascade and inheritance are embraced, not avoided, so by the time you get down to blocks in CUBE, they become much more insignificant. |