Kalkuli/2018.2-Kalkuli_Front-End

View on GitHub
src/components/Receipt/ReceiptAdder/ReceiptAdder.scss

Summary

Maintainability
Test Coverage
@import "../../../assets/sass/main";

.receipt-adder {
  z-index: 100;
  padding: 1rem 3rem;
  &__close {
    font-size: 1.8rem;
    font-weight: bold;
    color: $color-light-blue;
    display: flex;
    justify-content: flex-end;
    user-select: none;
    cursor: pointer;
  }
  &__footer {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 4rem;
  }
}

@media (max-width:480px) { 
  .receipt-adder {
    padding: 0.8rem;
    &__footer {
      margin-top: 1.8rem;
      width: 25rem;
    }
  }
}