010 - Atomic CSS

Atomic CSS is the approach to CSS architecture that favors small, single-purpose classes with names based on visual function.

Basically, you can say an Atomic CSS framework is a collection of the CSS like these:

.m-0 {
  margin: 0;
}
 
.text-red {
  color: red;
}

Thanks

• Let’s Define Exactly What Atomic CSS is
• 重新构想原子化 CSS
• Challenging CSS Best Practices