github.com/blixtra/nomad@v0.7.2-0.20171221000451-da9a1d7bb050/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, &.is-hovered, &:active, &.is-active, &:focus, &.is-focused {
     8      border-color: darken($grey-blue, 5%);
     9    }
    10  
    11    &[disabled] {
    12      background-color: $grey-blue;
    13      border-color: darken($grey-blue, 5%);
    14    }
    15  }
    16  
    17  .input, .textarea {
    18    @include input;
    19    box-shadow: none;
    20    padding: 0.75em 1.5em;
    21    height: auto;
    22  
    23    &::placeholder {
    24      color: $grey-blue;
    25    }
    26  
    27    &.is-compact {
    28      padding: 0.25em 0.75em;
    29      margin: -0.25em -0.25em -0.25em 0;
    30    }
    31  }
    32  
    33  .field {
    34    &.is-inline {
    35      display: inline-block;
    36    }
    37  }