Layout

Drummachine.css:

• Shape the Sidebar Menu including RWD.
• Shape the icons on Matrix.
• Shape the mask shown when Sidebar Menu opened.

ClassName naming convention (ex. row5lu):

1. Find the 5rd row of Sidebar.
2. Find the most left column.
3. It's the upper button.

• (evenrow is for non-function row)

---

Matrix.css:

• Shape the 8x16 matrix and its elements including RWD.
• Set transition effects on matrix elements.

---

template.html:

• Beact Logo, title, background, and loading spinner are set here.