Sha256: c27da6b9e360527366f55af584b93e63df9aca9975f18f3af627fbe4306dc17a

Contents?: true

Size: 1.46 KB

Versions: 1

Compression:

Stored size: 1.46 KB

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

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

body.index {
  div#sidebar {
    input[type="text"] {
      @include 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],
    form textarea {
      @include inputfield;
    }
  }
}

select {
  @include inputfield;
}

.bootstrap-select {
  button {
    @include 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.10 app/assets/stylesheets/mat_design/elements/inputs.scss