WebContent/VAADIN/themes/valo/components/_nativeselect.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

@mixin valo-nativeselect ($primary-stylename: v-select) {
  .#{$primary-stylename} select {
    @include valo-nativeselect-select-style;
  }

  .#{$primary-stylename}-select {
    display: block;

    + .v-textfield {
      width: auto !important;
      margin-top: round($v-unit-size/4);

      + .v-nativebutton {
        margin-top: round($v-unit-size/4);
        margin-left: round($v-unit-size/4);
      }
    }
  }
}


@mixin valo-nativeselect-select-style {
  border: valo-border();
  @include valo-gradient;
  color: valo-font-color($v-background-color);

  &:focus {
    outline: none;
    @include valo-focus-style($include-box-shadow: true);
  }
}