Subversion Repositories SmartDukaan

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
13542 anikendra 1 
 
2 
/**
3 
 * Select
4 
 * --------------------------------------------------
5 
 */
6 
 
7 
.item-select {
8 
  position: relative;
9 
 
10 
  select {
11 
    @include appearance(none);
12 
    position: absolute;
13 
    top: 0;
14 
    right: 0;
15 
    padding: ($item-padding - 2) ($item-padding * 3) ($item-padding) $item-padding;
16 
    max-width: 65%;
17 
 
18 
    border: none;
19 
    background: $item-default-bg;
20 
    color: #333;
21 
 
22 
    // hack to hide default dropdown arrow in FF
23 
    text-indent: .01px;
24 
    text-overflow: '';
25 
 
26 
    white-space: nowrap;
27 
    font-size: $font-size-base;
28 
 
29 
    cursor: pointer;
30 
    direction: rtl; // right align the select text
31 
  }
32 
 
33 
  select::-ms-expand {
34 
    // hide default dropdown arrow in IE
35 
    display: none;
36 
  }
37 
 
38 
  option {
39 
    direction: ltr;
40 
  }
41 
 
42 
  &:after {
43 
    position: absolute;
44 
    top: 50%;
45 
    right: $item-padding;
46 
    margin-top: -3px;
47 
    width: 0;
48 
    height: 0;
49 
    border-top: 5px solid;
50 
    border-right: 5px solid rgba(0, 0, 0, 0);
51 
    border-left: 5px solid rgba(0, 0, 0, 0);
52 
    color: #999;
53 
    content: "";
54 
    pointer-events: none;
55 
  }
56 
  &.item-light {
57 
    select{
58 
      background:$item-light-bg;
59 
      color:$item-light-text;
60 
    }
61 
  }
62 
  &.item-stable {
63 
    select{
64 
      background:$item-stable-bg;
65 
      color:$item-stable-text;
66 
    }
67 
    &:after, .input-label{
68 
      color:darken($item-stable-border,30%);
69 
    }
70 
  }
71 
  &.item-positive {
72 
    select{
73 
      background:$item-positive-bg;
74 
      color:$item-positive-text;
75 
    }
76 
    &:after, .input-label{
77 
      color:$item-positive-text;
78 
    }
79 
  }
80 
  &.item-calm {
81 
    select{
82 
      background:$item-calm-bg;
83 
      color:$item-calm-text;
84 
    }
85 
    &:after, .input-label{
86 
      color:$item-calm-text;
87 
    }
88 
  }
89 
  &.item-assertive {
90 
    select{
91 
      background:$item-assertive-bg;
92 
      color:$item-assertive-text;
93 
    }
94 
    &:after, .input-label{
95 
      color:$item-assertive-text;
96 
    }
97 
  }
98 
  &.item-balanced {
99 
    select{
100 
      background:$item-balanced-bg;
101 
      color:$item-balanced-text;
102 
    }
103 
    &:after, .input-label{
104 
      color:$item-balanced-text;
105 
    }
106 
  }
107 
  &.item-energized  {
108 
    select{
109 
      background:$item-energized-bg;
110 
      color:$item-energized-text;
111 
    }
112 
    &:after, .input-label{
113 
      color:$item-energized-text;
114 
    }
115 
  }
116 
  &.item-royal {
117 
    select{
118 
      background:$item-royal-bg;
119 
      color:$item-royal-text;
120 
    }
121 
    &:after, .input-label{
122 
      color:$item-royal-text;
123 
    }
124 
  }
125 
  &.item-dark  {
126 
    select{
127 
      background:$item-dark-bg;
128 
      color:$item-dark-text;
129 
    }
130 
    &:after, .input-label{
131 
      color:$item-dark-text;
132 
    }
133 
  }
134 
}
135 
 
136 
select {
137 
  &[multiple],
138 
  &[size] {
139 
    height: auto;
140 
  }
141 
}