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/_base.scss
History View file @f21af81
... ... 
@@ -1,201 +1,201 @@
1 
-@import "bourbon";
2 
-@import "clay";
3 
-
4 
-html, body {
5 
-  @include font-pfdin(regular);
6 
-  -webkit-font-smoothing: antialiased;
7 
-  font-size: $em-base;
8 
-  line-height: $base-line-height;
9 
-  height:100%;
10 
-  color: $color-white;
11 
-
12 
-  &.platform-ios {
13 
-    font-size: 16px;
14 
-  }
15 
-
16 
-}
17 
-
18 
-body {
19 
-  background-color: $color-gray-2;
20 
-  padding: 0 $item-spacing-h $item-spacing-v;
21 
-}
22 
-
23 
-em {
24 
-  font-style: italic;
25 
-}
26 
-
27 
-strong {
28 
-  @include font-pfdin(medium);
29 
-  color: $color-orange;
30 
-}
31 
-
32 
-a {
33 
-  color: $color-gray-8;
34 
-
35 
-  &:hover {
36 
-    color: inherit;
37 
-  }
38 
-}
39 
-
40 
-h1, h2, h3, h4 {
41 
-  text-transform: uppercase;
42 
-  @include font-pfdin(medium);
43 
-  @include pfdin-uppercase();
44 
-}
45 
-
46 
-h1 {
47 
-  @include font-size(2);
48 
-}
49 
-
50 
-h2 {
51 
-  @include font-size(1.8);
52 
-}
53 
-
54 
-h3 {
55 
-  @include font-size(1.5);
56 
-}
57 
-
58 
-h4 {
59 
-  @include font-size(1.2);
60 
-}
61 
-
62 
-h5 {
63 
-  @include font-size(1);
64 
-}
65 
-
66 
-h6 {
67 
-  @include font-size(0.8);
68 
-}
69 
-
70 
-input {
71 
-  font-family: inherit;
72 
-  font-size: inherit;
73 
-  line-height: inherit;
74 
-}
75 
-
76 
-label {
77 
-  display: flex;
78 
-  justify-content: space-between;
79 
-  align-items: center;
80 
-  padding: $item-spacing-v $item-spacing-h;
81 
-
82 
-  .input {
83 
-    white-space: nowrap;
84 
-    display: flex;
85 
-    max-width: 50%;
86 
-    margin-left: $item-spacing-h;
87 
-  }
88 
-
89 
-  &.invalid .input:after {
90 
-    $size: 1.1rem;
91 
-
92 
-    content: "!";
93 
-    display: inline-block;
94 
-    color: $color-white;
95 
-    background: $color-orange;
96 
-    border-radius: $size / 2;
97 
-    width: $size;
98 
-    text-align: center;
99 
-    height: $size;
100 
-    font-size: $size * 0.75;
101 
-    vertical-align: middle;
102 
-    line-height: $size;
103 
-    box-shadow: $box-shadow-small-components;
104 
-    @include font-pfdin(medium);
105 
-    flex: 0 0 $size;
106 
-    margin-left: 0.3rem;
107 
-  }
108 
-}
109 
-
110 
-.hide {
111 
-  display: none !important;
112 
-}
113 
-
114 
-.tap-highlight {
115 
-  @include tap-highlight();
116 
-  border-radius: $border-radius;
117 
-}
118 
-
119 
-.component {
120 
-  padding-top: $item-spacing-v;
121 
-
122 
-  &.disabled {
123 
-    pointer-events: none;
124 
-    > * {
125 
-      opacity: 0.25;
126 
-    }
127 
-  }
128 
-}
129 
-
130 
-.section {
131 
-  background: $color-gray-4;
132 
-  border-radius: 0.25rem;
133 
-  box-shadow: $color-gray-1 0 0.15rem 0.25rem;
134 
-
135 
-  > .component {
136 
-    padding-bottom: $item-spacing-v;
137 
-    padding-right: $item-spacing-h;
138 
-    padding-left: $item-spacing-h;
139 
-    position: relative;
140 
-    margin-top: 1rem;
141 
-
142 
-    &:not(.hide) ~ .component {
143 
-      margin-top: 0;
144 
-    }
145 
-
146 
-    &:first-child:after {
147 
-      display: none;
148 
-    }
149 
-
150 
-    &:after {
151 
-      content: "";
152 
-      background: $color-gray-6;
153 
-      display: block;
154 
-      position: absolute;
155 
-      top: 0;
156 
-      left: $item-spacing-h / 2;
157 
-      right: $item-spacing-h / 2;
158 
-      height: 1px;
159 
-      pointer-events: none;
160 
-    }
161 
-  }
162 
-
163 
-  // don't show the separator for the first non-hidden item
164 
-  > .component:not(.hide):after {
165 
-    display: none;
166 
-  }
167 
-
168 
-  > .component:not(.hide) ~ .component:not(.hide):after {
169 
-    display: block;
170 
-  }
171 
-
172 
-  > .component-heading:first-child {
173 
-    background: $color-gray-3;
174 
-    border-radius: $border-radius $border-radius 0 0;
175 
-
176 
-    // don't show the separator for the first non-hidden item after the heading
177 
-    &:after,
178 
-    ~ .component:not(.hide):after {
179 
-      display: none;
180 
-    }
181 
-
182 
-    ~ .component:not(.hide) ~ .component:not(.hide):after {
183 
-      display: block;
184 
-    }
185 
-  }
186 
-
187 
-}
188 
-
189 
-.description {
190 
-  padding: 0 $item-spacing-h $item-spacing-v ;
191 
-  @include font-size(0.9);
192 
-  color: $color-gray-9;
193 
-  text-align: left;
194 
-}
195 
-
196 
-.inputs {
197 
-  display: block;
198 
-  width:100%;
199 
-  border-collapse: collapse;
200 
-}
201 
-
1 
+@import "bourbon";
2 
+@import "clay";
3 
+
4 
+html, body {
5 
+  @include font-pfdin(regular);
6 
+  -webkit-font-smoothing: antialiased;
7 
+  font-size: $em-base;
8 
+  line-height: $base-line-height;
9 
+  height:100%;
10 
+  color: $color-white;
11 
+
12 
+  &.platform-ios {
13 
+    font-size: 16px;
14 
+  }
15 
+
16 
+}
17 
+
18 
+body {
19 
+  background-color: $color-gray-2;
20 
+  padding: 0 $item-spacing-h $item-spacing-v;
21 
+}
22 
+
23 
+em {
24 
+  font-style: italic;
25 
+}
26 
+
27 
+strong {
28 
+  @include font-pfdin(medium);
29 
+  color: $color-orange;
30 
+}
31 
+
32 
+a {
33 
+  color: $color-gray-8;
34 
+
35 
+  &:hover {
36 
+    color: inherit;
37 
+  }
38 
+}
39 
+
40 
+h1, h2, h3, h4 {
41 
+  text-transform: uppercase;
42 
+  @include font-pfdin(medium);
43 
+  @include pfdin-uppercase();
44 
+}
45 
+
46 
+h1 {
47 
+  @include font-size(2);
48 
+}
49 
+
50 
+h2 {
51 
+  @include font-size(1.8);
52 
+}
53 
+
54 
+h3 {
55 
+  @include font-size(1.5);
56 
+}
57 
+
58 
+h4 {
59 
+  @include font-size(1.2);
60 
+}
61 
+
62 
+h5 {
63 
+  @include font-size(1);
64 
+}
65 
+
66 
+h6 {
67 
+  @include font-size(0.8);
68 
+}
69 
+
70 
+input {
71 
+  font-family: inherit;
72 
+  font-size: inherit;
73 
+  line-height: inherit;
74 
+}
75 
+
76 
+label {
77 
+  display: flex;
78 
+  justify-content: space-between;
79 
+  align-items: center;
80 
+  padding: $item-spacing-v $item-spacing-h;
81 
+
82 
+  .input {
83 
+    white-space: nowrap;
84 
+    display: flex;
85 
+    max-width: 50%;
86 
+    margin-left: $item-spacing-h;
87 
+  }
88 
+
89 
+  &.invalid .input:after {
90 
+    $size: 1.1rem;
91 
+
92 
+    content: "!";
93 
+    display: inline-block;
94 
+    color: $color-white;
95 
+    background: $color-orange;
96 
+    border-radius: $size / 2;
97 
+    width: $size;
98 
+    text-align: center;
99 
+    height: $size;
100 
+    font-size: $size * 0.75;
101 
+    vertical-align: middle;
102 
+    line-height: $size;
103 
+    box-shadow: $box-shadow-small-components;
104 
+    @include font-pfdin(medium);
105 
+    flex: 0 0 $size;
106 
+    margin-left: 0.3rem;
107 
+  }
108 
+}
109 
+
110 
+.hide {
111 
+  display: none !important;
112 
+}
113 
+
114 
+.tap-highlight {
115 
+  @include tap-highlight();
116 
+  border-radius: $border-radius;
117 
+}
118 
+
119 
+.component {
120 
+  padding-top: $item-spacing-v;
121 
+
122 
+  &.disabled {
123 
+    pointer-events: none;
124 
+    > * {
125 
+      opacity: 0.25;
126 
+    }
127 
+  }
128 
+}
129 
+
130 
+.section {
131 
+  background: $color-gray-4;
132 
+  border-radius: 0.25rem;
133 
+  box-shadow: $color-gray-1 0 0.15rem 0.25rem;
134 
+
135 
+  > .component {
136 
+    padding-bottom: $item-spacing-v;
137 
+    padding-right: $item-spacing-h;
138 
+    padding-left: $item-spacing-h;
139 
+    position: relative;
140 
+    margin-top: 1rem;
141 
+
142 
+    &:not(.hide) ~ .component {
143 
+      margin-top: 0;
144 
+    }
145 
+
146 
+    &:first-child:after {
147 
+      display: none;
148 
+    }
149 
+
150 
+    &:after {
151 
+      content: "";
152 
+      background: $color-gray-6;
153 
+      display: block;
154 
+      position: absolute;
155 
+      top: 0;
156 
+      left: $item-spacing-h / 2;
157 
+      right: $item-spacing-h / 2;
158 
+      height: 1px;
159 
+      pointer-events: none;
160 
+    }
161 
+  }
162 
+
163 
+  // don't show the separator for the first non-hidden item
164 
+  > .component:not(.hide):after {
165 
+    display: none;
166 
+  }
167 
+
168 
+  > .component:not(.hide) ~ .component:not(.hide):after {
169 
+    display: block;
170 
+  }
171 
+
172 
+  > .component-heading:first-child {
173 
+    background: $color-gray-3;
174 
+    border-radius: $border-radius $border-radius 0 0;
175 
+
176 
+    // don't show the separator for the first non-hidden item after the heading
177 
+    &:after,
178 
+    ~ .component:not(.hide):after {
179 
+      display: none;
180 
+    }
181 
+
182 
+    ~ .component:not(.hide) ~ .component:not(.hide):after {
183 
+      display: block;
184 
+    }
185 
+  }
186 
+
187 
+}
188 
+
189 
+.description {
190 
+  padding: 0 $item-spacing-h $item-spacing-v ;
191 
+  @include font-size(0.9);
192 
+  color: $color-gray-9;
193 
+  text-align: left;
194 
+}
195 
+
196 
+.inputs {
197 
+  display: block;
198 
+  width:100%;
199 
+  border-collapse: collapse;
200 
+}
201 
+
Browse code

init commit

louis.jonget authored on30/09/2022 18:58:18
Showing1 changed files
node_modules/pebble-clay/src/styles/clay/_base.scss
History View file @75d78e2
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,201 @@
1 
+@import "bourbon";
2 
+@import "clay";
3 
+
4 
+html, body {
5 
+  @include font-pfdin(regular);
6 
+  -webkit-font-smoothing: antialiased;
7 
+  font-size: $em-base;
8 
+  line-height: $base-line-height;
9 
+  height:100%;
10 
+  color: $color-white;
11 
+
12 
+  &.platform-ios {
13 
+    font-size: 16px;
14 
+  }
15 
+
16 
+}
17 
+
18 
+body {
19 
+  background-color: $color-gray-2;
20 
+  padding: 0 $item-spacing-h $item-spacing-v;
21 
+}
22 
+
23 
+em {
24 
+  font-style: italic;
25 
+}
26 
+
27 
+strong {
28 
+  @include font-pfdin(medium);
29 
+  color: $color-orange;
30 
+}
31 
+
32 
+a {
33 
+  color: $color-gray-8;
34 
+
35 
+  &:hover {
36 
+    color: inherit;
37 
+  }
38 
+}
39 
+
40 
+h1, h2, h3, h4 {
41 
+  text-transform: uppercase;
42 
+  @include font-pfdin(medium);
43 
+  @include pfdin-uppercase();
44 
+}
45 
+
46 
+h1 {
47 
+  @include font-size(2);
48 
+}
49 
+
50 
+h2 {
51 
+  @include font-size(1.8);
52 
+}
53 
+
54 
+h3 {
55 
+  @include font-size(1.5);
56 
+}
57 
+
58 
+h4 {
59 
+  @include font-size(1.2);
60 
+}
61 
+
62 
+h5 {
63 
+  @include font-size(1);
64 
+}
65 
+
66 
+h6 {
67 
+  @include font-size(0.8);
68 
+}
69 
+
70 
+input {
71 
+  font-family: inherit;
72 
+  font-size: inherit;
73 
+  line-height: inherit;
74 
+}
75 
+
76 
+label {
77 
+  display: flex;
78 
+  justify-content: space-between;
79 
+  align-items: center;
80 
+  padding: $item-spacing-v $item-spacing-h;
81 
+
82 
+  .input {
83 
+    white-space: nowrap;
84 
+    display: flex;
85 
+    max-width: 50%;
86 
+    margin-left: $item-spacing-h;
87 
+  }
88 
+
89 
+  &.invalid .input:after {
90 
+    $size: 1.1rem;
91 
+
92 
+    content: "!";
93 
+    display: inline-block;
94 
+    color: $color-white;
95 
+    background: $color-orange;
96 
+    border-radius: $size / 2;
97 
+    width: $size;
98 
+    text-align: center;
99 
+    height: $size;
100 
+    font-size: $size * 0.75;
101 
+    vertical-align: middle;
102 
+    line-height: $size;
103 
+    box-shadow: $box-shadow-small-components;
104 
+    @include font-pfdin(medium);
105 
+    flex: 0 0 $size;
106 
+    margin-left: 0.3rem;
107 
+  }
108 
+}
109 
+
110 
+.hide {
111 
+  display: none !important;
112 
+}
113 
+
114 
+.tap-highlight {
115 
+  @include tap-highlight();
116 
+  border-radius: $border-radius;
117 
+}
118 
+
119 
+.component {
120 
+  padding-top: $item-spacing-v;
121 
+
122 
+  &.disabled {
123 
+    pointer-events: none;
124 
+    > * {
125 
+      opacity: 0.25;
126 
+    }
127 
+  }
128 
+}
129 
+
130 
+.section {
131 
+  background: $color-gray-4;
132 
+  border-radius: 0.25rem;
133 
+  box-shadow: $color-gray-1 0 0.15rem 0.25rem;
134 
+
135 
+  > .component {
136 
+    padding-bottom: $item-spacing-v;
137 
+    padding-right: $item-spacing-h;
138 
+    padding-left: $item-spacing-h;
139 
+    position: relative;
140 
+    margin-top: 1rem;
141 
+
142 
+    &:not(.hide) ~ .component {
143 
+      margin-top: 0;
144 
+    }
145 
+
146 
+    &:first-child:after {
147 
+      display: none;
148 
+    }
149 
+
150 
+    &:after {
151 
+      content: "";
152 
+      background: $color-gray-6;
153 
+      display: block;
154 
+      position: absolute;
155 
+      top: 0;
156 
+      left: $item-spacing-h / 2;
157 
+      right: $item-spacing-h / 2;
158 
+      height: 1px;
159 
+      pointer-events: none;
160 
+    }
161 
+  }
162 
+
163 
+  // don't show the separator for the first non-hidden item
164 
+  > .component:not(.hide):after {
165 
+    display: none;
166 
+  }
167 
+
168 
+  > .component:not(.hide) ~ .component:not(.hide):after {
169 
+    display: block;
170 
+  }
171 
+
172 
+  > .component-heading:first-child {
173 
+    background: $color-gray-3;
174 
+    border-radius: $border-radius $border-radius 0 0;
175 
+
176 
+    // don't show the separator for the first non-hidden item after the heading
177 
+    &:after,
178 
+    ~ .component:not(.hide):after {
179 
+      display: none;
180 
+    }
181 
+
182 
+    ~ .component:not(.hide) ~ .component:not(.hide):after {
183 
+      display: block;
184 
+    }
185 
+  }
186 
+
187 
+}
188 
+
189 
+.description {
190 
+  padding: 0 $item-spacing-h $item-spacing-v ;
191 
+  @include font-size(0.9);
192 
+  color: $color-gray-9;
193 
+  text-align: left;
194 
+}
195 
+
196 
+.inputs {
197 
+  display: block;
198 
+  width:100%;
199 
+  border-collapse: collapse;
200 
+}
201 
+