// Reset all our input styles
.st-input-label {
  display: block;
  margin-bottom: 0.5em;
  font-size: 13px;
  text-transform: uppercase;
}

// Generic styles
@mixin st-input {
  font-size: inherit;
  margin: 0;
  /*padding: 0.3em 0;*/
}

.st-block input[type="text"],
.st-block textarea {
  @include st-input;
}

// Focus / Active styles
@mixin st-input-active {
  outline: none;
  border: none;
}

.st-block [contenteditable="true"],
.st-block [contenteditable="true"]:active,
.st-block [contenteditable="true"]:focus,
.st-block input[type="text"],
.st-block input[type="text"]:active,
.st-block input[type="text"]:focus,
.st-block textarea,
.st-block textarea:hover,
.st-block textarea:active {
  @include st-input-active;
}

.st-block input[type="text"],
.st-block input[type="text"]:active,
.st-block input[type="text"]:focus {
  color: #42474b;
  border: 0.1em solid #d4d4d4;
  padding:.6em;
}