Containers

Default DarkCell Container

Basic container styles for cards on page, such as all these:

image.png

The css for DarkCell Container:

.darkCell {
  background-color: $darkCell;
  border-radius: 8px;
  box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.2);
  padding: 20px;
}

---

Popup Container

For popups&menus that may appear on top of a DarkCell Container
Detailed spec about menus and popups will follow

a popup container

image.png

a menu container

image.png

The css for Popup Container:

//padding might be removed for some elements as menus

.darkPopup {
  background-color: $darkPopup;
  border-radius: 8px;
  box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.2);
  padding: 20px; 
}