AlchemyCMS/alchemy_cms

textarea,
input[type="url"],
input[type="number"],
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
.thin_border,
.input_field {
  @extend %default-input-style;

  &.dirty {
    background-color: #fff8df;
  }
}

input[type="checkbox"] {
  transition: $transition-duration;

  &:focus {
    @include default-focus-style($box-shadow: (
      inset 0 0 0 1px $focus-color,
      0 0 0 1px $focus-color
    ));
  }
}

input[type="search"] {
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration  {
  -webkit-appearance: none;
}

textarea {
  height: auto;
}

.alchemy-char-counter {
  display: block;
  clear: both;
  text-align: right;

  &.too-long {
    color: $error_text_color;
  }
}

fieldset {
  border: none;
  padding: 0;
  margin: 1em 0;

  legend {
    font-weight: bold;
    text-decoration: none;
    margin-bottom: 0.5em;
  }
}

::-webkit-input-placeholder {
  line-height: 1.5;
  color: $default-border-color;
}

.page-publication-date-fields {
  padding-bottom: $default-padding;
  @include clearfix;

  &.hidden {
    display: none;
  }
}