Louis authored on25/08/2018 23:51:28
Showing1 changed files
1 1
new file mode 100644
... ...
@@ -0,0 +1,43 @@
1
+@import "bourbon";
2
+@import "clay";
3
+
4
+.component-select {
5
+
6
+  .section & {
7
+    padding: 0;
8
+  }
9
+
10
+  label {
11
+    position: relative;
12
+  }
13
+
14
+  .value {
15
+    $triangle-size: 0.85rem;
16
+    position: relative;
17
+    padding-right: $triangle-size + 0.25rem;
18
+    display: block;
19
+
20
+    &:after {
21
+      content: "";
22
+      position: absolute;
23
+      right: 0;
24
+      top: 50%;
25
+      margin-top: -0.1rem;
26
+      @include triangle($triangle-size, $color-orange, down);
27
+    }
28
+  }
29
+
30
+  select {
31
+    opacity: 0;
32
+    position: absolute;
33
+    display: block;
34
+    left: 0;
35
+    right: 0;
36
+    top: 0;
37
+    bottom: 0;
38
+    width: 100%;
39
+    border: none;
40
+    margin:0;
41
+    padding:0;
42
+  }
43
+}