Contents

@mixin inputfield($color:#444444, $bg_color:#ffffff, $border_color: #dfdfdf) {

  display: inline-block;
  position: relative;

  text-decoration: none;
  text-shadow: none !important;
  color: $color;

  border: 1px solid $border_color;
  border-radius: 3px !important;

  font-weight: bold;

  font-size: 1.4rem !important;
  height: 4.4rem !important;
  padding: 1rem 1.4rem !important;

  margin: 0;

  background: $bg_color !important;
  box-shadow: none !important;

  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;

  /*&:hover {
    background-color: darken($bg_color,10%) !important;
    color: darken($color,10%);
  }*/

  &:focus {
    border-color: #298eea !important;
  }
}

input[type="text"] {
  @include inputfield;
}

select {
  @include inputfield;
}

.bootstrap-select {
  button {
    @include inputfield;
  }
}

form input[type=text] {
  width: calc(80% - 32px);
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
c80_md-0.1.0.2	app/assets/stylesheets/mat_design/elements/inputs.scss