GitList
Browse code

new build from home

Louis Jonget authored on18/03/2023 14:55:56
Showing1 changed files
node_modules/pebble-clay/src/styles/clay/components/select.scss
History View file @f21af81
... ... 
@@ -1,43 +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 
-}
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 
+}
Browse code

init commit

louis.jonget authored on30/09/2022 18:58:18
Showing1 changed files
node_modules/pebble-clay/src/styles/clay/components/select.scss
History View file @75d78e2
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 
+}