Newer
Older
ar-multi / assets / landing.css
@Aris Green Aris Green on 28 Apr 2024 1 KB initial revision
:root {
  --cbar-spacing: 4rem;
}

.landing-row {
  margin-left: 4rem;
  margin-top: 2rem;
}
.landing-row ul.simple-lines {
  margin-top: 1rem;
  line-height: 1.2;
}

.landing-row {
  display: flex;
  flex-direction: row;
  height: 100%;
}
.landing-row .headers {
  display: flex;
  flex-direction: column;
  margin-right: 3rem;
}
.landing-row .headers div.header-box {
  display: flex;
  flex-direction: row;
  gap: 3rem;
}
.landing-row .headers div.header-box .main-header {
  font-weight: bold;
  text-align: right;
  min-width: 7rem;
}
.landing-row .headers div.header-box .main-header.top {
  margin-top: calc(var(--cbar-spacing) * 1);
}
.landing-row .headers div.header-box .main-header.bottom {
  display: flex;
  flex-direction: column-reverse;
}
.landing-row .headers div.header-box .sub-header {
  margin-top: calc(var(--cbar-spacing) * 2);
}
.landing-row .color-stack {
  display: flex;
  flex-direction: column;
}
.landing-row .color-stack > div {
  flex: 1 0 auto;
  display: flex;
  flex-direction: row;
}
.landing-row .color-stack div.top {
  max-height: calc(var(--cbar-spacing) * 2);
  flex: 1 0;
}
.landing-row .color-stack div.bottom {
  background-color: var(--yellow0);
}
.landing-row .color-stack div.bottom div {
  background-color: var(--white0);
}
.landing-row .color-stack div.color-bar {
  flex: 0 0;
  min-height: var(--cbar-spacing);
}
.landing-row .color-stack div.color-bar div {
  background-color: var(--white0);
}
.landing-row .color-stack div.color-bar.yellow {
  background-color: var(--yellow0);
}
.landing-row .color-stack div.color-bar.pink {
  background-color: var(--pink0);
}
.landing-row .color-stack div.color-bar.tan {
  background-color: var(--tan0);
}

/*# sourceMappingURL=landing.css.map */