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/input.scss
History View file @f21af81
... ... 
@@ -1,49 +1,49 @@
1 
-@import "clay";
2 
-
3 
-.component-input {
4 
-
5 
-  .section & {
6 
-    padding: 0;
7 
-  }
8 
-
9 
-  label {
10 
-    display: block;
11 
-  }
12 
-
13 
-  .label {
14 
-    padding-bottom: $item-spacing-v;
15 
-  }
16 
-
17 
-  .input {
18 
-    position: relative;
19 
-    min-width: 100%;
20 
-    margin-top: $item-spacing-v;
21 
-    margin-left: 0;
22 
-  }
23 
-
24 
-  input {
25 
-    display:block;
26 
-    width: 100%;
27 
-    background: $color-gray-2;
28 
-    border-radius: $border-radius;
29 
-    padding: $item-spacing-v / 2 $item-spacing-h / 2;
30 
-    border: none;
31 
-    vertical-align: baseline;
32 
-    color: $color-white;
33 
-    font-size: inherit;
34 
-    appearance: none;
35 
-    min-height: $item-spacing-v + ($base-height + 0rem) ;
36 
-
37 
-    @include placeholder {
38 
-      color: $color-gray-8;
39 
-    }
40 
-
41 
-    &:focus {
42 
-      @include placeholder {
43 
-        color: $color-gray-6;
44 
-      }
45 
-      border: none;
46 
-      box-shadow: none ;
47 
-    }
48 
-  }
49 
-}
1 
+@import "clay";
2 
+
3 
+.component-input {
4 
+
5 
+  .section & {
6 
+    padding: 0;
7 
+  }
8 
+
9 
+  label {
10 
+    display: block;
11 
+  }
12 
+
13 
+  .label {
14 
+    padding-bottom: $item-spacing-v;
15 
+  }
16 
+
17 
+  .input {
18 
+    position: relative;
19 
+    min-width: 100%;
20 
+    margin-top: $item-spacing-v;
21 
+    margin-left: 0;
22 
+  }
23 
+
24 
+  input {
25 
+    display:block;
26 
+    width: 100%;
27 
+    background: $color-gray-2;
28 
+    border-radius: $border-radius;
29 
+    padding: $item-spacing-v / 2 $item-spacing-h / 2;
30 
+    border: none;
31 
+    vertical-align: baseline;
32 
+    color: $color-white;
33 
+    font-size: inherit;
34 
+    appearance: none;
35 
+    min-height: $item-spacing-v + ($base-height + 0rem) ;
36 
+
37 
+    @include placeholder {
38 
+      color: $color-gray-8;
39 
+    }
40 
+
41 
+    &:focus {
42 
+      @include placeholder {
43 
+        color: $color-gray-6;
44 
+      }
45 
+      border: none;
46 
+      box-shadow: none ;
47 
+    }
48 
+  }
49 
+}
Browse code

init commit

louis.jonget authored on30/09/2022 18:58:18
Showing1 changed files
node_modules/pebble-clay/src/styles/clay/components/input.scss
History View file @75d78e2
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,49 @@
1 
+@import "clay";
2 
+
3 
+.component-input {
4 
+
5 
+  .section & {
6 
+    padding: 0;
7 
+  }
8 
+
9 
+  label {
10 
+    display: block;
11 
+  }
12 
+
13 
+  .label {
14 
+    padding-bottom: $item-spacing-v;
15 
+  }
16 
+
17 
+  .input {
18 
+    position: relative;
19 
+    min-width: 100%;
20 
+    margin-top: $item-spacing-v;
21 
+    margin-left: 0;
22 
+  }
23 
+
24 
+  input {
25 
+    display:block;
26 
+    width: 100%;
27 
+    background: $color-gray-2;
28 
+    border-radius: $border-radius;
29 
+    padding: $item-spacing-v / 2 $item-spacing-h / 2;
30 
+    border: none;
31 
+    vertical-align: baseline;
32 
+    color: $color-white;
33 
+    font-size: inherit;
34 
+    appearance: none;
35 
+    min-height: $item-spacing-v + ($base-height + 0rem) ;
36 
+
37 
+    @include placeholder {
38 
+      color: $color-gray-8;
39 
+    }
40 
+
41 
+    &:focus {
42 
+      @include placeholder {
43 
+        color: $color-gray-6;
44 
+      }
45 
+      border: none;
46 
+      box-shadow: none ;
47 
+    }
48 
+  }
49 
+}