GitList
Browse code

build

Louis authored on25/08/2018 23:51:28
Showing1 changed files
node_modules/pebble-clay/src/styles/clay/components/radiogroup.scss
History View file @c8224e8
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,68 @@
1 
+@import "bourbon";
2 
+@import "clay";
3 
+
4 
+.component-radio {
5 
+
6 
+  display: block;
7 
+
8 
+  .section & {
9 
+    padding-right: $item-spacing-h / 2;
10 
+  }
11 
+
12 
+  > .label {
13 
+    display: block;
14 
+    padding-bottom: $item-spacing-v / 2;
15 
+  }
16 
+
17 
+  .radio-group {
18 
+
19 
+    padding-bottom: $item-spacing-v / 2;
20 
+
21 
+    label {
22 
+      padding: $item-spacing-v / 2 $item-spacing-h / 2;
23 
+    }
24 
+
25 
+    .label {
26 
+      font-size: 0.9em;
27 
+    }
28 
+
29 
+    input {
30 
+      opacity: 0;
31 
+      position: absolute;
32 
+    }
33 
+
34 
+    i {
35 
+      display: block;
36 
+      position: relative;
37 
+      border-radius: $base-height;
38 
+      width: $base-height;
39 
+      height: $base-height;
40 
+      border: 2px solid $color-gray-7;
41 
+      flex-shrink: 0;
42 
+    }
43 
+
44 
+    input:checked + i {
45 
+      border-color: $color-orange;
46 
+
47 
+      &:after {
48 
+        $padding: 15%;
49 
+        content: '';
50 
+        display: block;
51 
+        position: absolute;
52 
+        left: $padding;
53 
+        right: $padding;
54 
+        top: $padding;
55 
+        bottom: $padding;
56 
+        border-radius: $base-height;
57 
+        background: $color-orange;
58 
+
59 
+      }
60 
+    }
61 
+
62 
+  }
63 
+
64 
+  .description {
65 
+    padding-left: 0;
66 
+    padding-right: 0;
67 
+  }
68 
+}