Contents

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

  color: $color;
  background: $bg_color !important;
  border: 1px solid $border_color;

  display: inline-block;
  position: relative;

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

  border-radius: 3px !important;

  font-weight: bold;

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

  margin: 0;

  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;
  }

  &.highl {
    background-color: rgba(255, 200, 127, 0.26) !important;
  }

}

@mixin tex_input_element_inputfield($color: #444444, $bg_color: #ffffff, $border_color: #dfdfdf) {
  @include tex_input_element($color, $bg_color, $border_color);
  height: 4.4rem !important;
}

@mixin tex_input_element_textarea($color: #444444, $bg_color: #ffffff, $border_color: #dfdfdf) {
  @include tex_input_element($color, $bg_color, $border_color);
}

body.index {
  div#sidebar {
    input[type="text"] {
      @include tex_input_element_inputfield;
    }
  }
}

body.edit, body.new {
  div#main_content {

    form input[type=text],
    form input[type=password],
    form input[type=email],
    form input[type=number],
    form input[type=url],
    form input[type=tel],
    form input[type=date] {
      @include tex_input_element_inputfield;
    }

    form textarea {
      @include tex_input_element_textarea;
    }

  }
}

select {
  @include tex_input_element_inputfield;
}

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

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

Version data entries

1 entries across 1 versions & 1 rubygems

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