decentraland-ui/src/components/ModalNavigation/ModalNavigation.css

Decentraland's UI components and styles

.dcl.modal-navigation {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px 24px 0px 24px;
  position: relative;
}

.dcl.modal-navigation-title {
  color: var(--text);
  font-size: 21px;
  line-height: 30px;
  letter-spacing: 0.3px;
  margin-bottom: 8px;
}

.dcl.modal-navigation-subtitle {
  color: var(--secondary-text);
  font-size: 17px;
  line-height: 26px;
  letter-spacing: -0.2px;
  text-align: center;
}

.dcl.modal-navigation-button {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 24px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  filter: var(--brightness);
  margin-top: 3.5px;
}

.dcl.modal-navigation-button.modal-navigation-close {
  right: 24px;
  background-image: url(../../assets/close.svg);
}

.dcl.modal-navigation-button.modal-navigation-back {
  left: 24px;
  background-image: url(../../assets/back.svg);
}

.dcl.modal-navigation-button.modal-navigation-info {
  right: 55px;
  background-image: url(../../assets/question.svg);
}