18F/e-QIP-prototype

View on GitHub
src/components/Form/DateRange/DateRange.scss

Summary

Maintainability
Test Coverage
.daterange {
  display: flex;
  margin-top: 2rem;
  padding-left: 0;
  padding-right: 0;

  .from-label {
    font-weight: 900;
    margin-bottom: 1rem;
  }

  .arrow {
    width: 5rem;
    text-align: center;
    padding-top: 7rem;
    font-size: 2.5rem;
  }

  .or-present {
    width: 10%;
    display: flex;
    align-items: center;
    padding-top: 2rem;
  }

  .from-present {
    text-align: center;
    width: 3rem;
  }
  .present label {
    width: auto;
  }

  .present .checkbox {
    margin: 0;
  }
}

@media all and (max-width: 1200px) {
  .daterange {
    flex-direction: column;

    .arrow {
      display: none;
    }
  }
}