github.com/manicqin/nomad@v0.9.5/ui/app/styles/core/forms.scss (about)

     1  @mixin input {
     2    @include control;
     3    background-color: #fff;
     4    border-color: $grey-blue;
     5    color: $text;
     6  
     7    &:hover,
     8    &.is-hovered,
     9    &:active,
    10    &.is-active,
    11    &:focus,
    12    &.is-focused {
    13      border-color: darken($grey-blue, 5%);
    14    }
    15  
    16    &[disabled] {
    17      background-color: $grey-blue;
    18      border-color: darken($grey-blue, 5%);
    19    }
    20  }
    21  
    22  .input,
    23  .textarea {
    24    @include input;
    25    box-shadow: none;
    26    padding: 0.4em 0.75em;
    27    height: auto;
    28  
    29    &::placeholder {
    30      color: $grey-blue;
    31    }
    32  
    33    &.is-compact {
    34      padding: 0.25em 0.75em;
    35      margin: -0.25em -0.25em -0.25em 0;
    36    }
    37  }
    38  
    39  .field {
    40    &.is-inline {
    41      display: inline-block;
    42    }
    43  }