@import "../../common/_mixins";

.flex-grid {
  
  .type-number {
    height: 100%;
  
    &:not(.editing) {
      //padding: 3px 3px 0 3px;
    }
    
    input {
      width: 100%;
      height: 100%;
      border: none;
      padding: 0 0 0 3px;
      outline: none;
  
      &::-webkit-outer-spin-button,
      &::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
      }
      
      &:invalid {
        color: red;
      }
    }
    
    > div {
      height: 100%;
      width: 100%;
      display: flex;
      min-width: 0;
      
      > span {
        flex: 1;
        align-self: center;
        @include text-elipsis();
      }
    }
  }
}