/*
 * Copyright (c) 2008-2016 Haulmont.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 */

@mixin halo-twincolumn($primary-stylename: v-select-twincol) {
  .#{$primary-stylename} select {
    $padding-width: ceil($v-unit-size/6);

    @include valo-textfield-style($padding: $padding-width);
    height: auto;

    .v-ch &,
    .v-edge & {
      vertical-align: top;
    }
  }

  .#{$primary-stylename} select:focus {
    @include valo-textfield-focus-style;
  }

  .#{$primary-stylename}-buttons .v-button {
    display: block;
    width: 33px;
    position: relative;
    border-radius: 0;
    top: 0;
  }

  .#{$primary-stylename}-buttons .addAll .v-button-wrap:before {
    content: "\f054\f054";
  }

  .#{$primary-stylename}-buttons .removeAll .v-button-wrap:before {
    content: "\f053\f053";
  }

  .#{$primary-stylename}-error .#{$primary-stylename}-selections {
    @include valo-textfield-error-style;
  }
}