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/_mixins.scss
History View file @f21af81
... ... 
@@ -1,43 +1,43 @@
1 
-@import "vars";
2 
-
3 
-@mixin font-pfdin($weight: normal) {
4 
-
5 
-  font-weight: normal;
6 
-
7 
-  @if $weight == normal or $weight == regular {
8 
-    font-family: 'PFDinDisplayPro-Regular', PFDinDisplayProRegularWebfont, sans-serif;
9 
-  }
10 
-
11 
-  @if $weight == medium {
12 
-    // iOS includes the PFDinDisplayPro-Medium in the webview but Android does not,
13 
-    // so we apply a faux bold on the regular weight.
14 
-    font-family: 'PFDinDisplayPro-Medium', PFDinDisplayProRegularWebfont, sans-serif;
15 
-
16 
-    .platform-android & {
17 
-      font-family: PFDinDisplayProRegularWebfont, sans-serif;
18 
-      font-weight: bold;
19 
-      letter-spacing: 0.025em;
20 
-    }
21 
-  }
22 
-}
23 
-
24 
-@mixin pfdin-uppercase {
25 
-  text-transform: uppercase;
26 
-  position: relative;
27 
-  top: 0.05rem;
28 
-  line-height: 0.9;
29 
-}
30 
-
31 
-@mixin font-size($size: 1) {
32 
-  $font-size:  $size * 1rem;
33 
-  font-size:$font-size;
34 
-  line-height: $base-line-height * ceil($font-size / $base-line-height);
35 
-}
36 
-
37 
-@mixin tap-highlight($color: rgba(255, 255, 255, 0.1)) {
38 
-  -webkit-tap-highlight-color: $color;
39 
-
40 
-  &:active {
41 
-    background-color: $color;
42 
-  }
43 
-}
1 
+@import "vars";
2 
+
3 
+@mixin font-pfdin($weight: normal) {
4 
+
5 
+  font-weight: normal;
6 
+
7 
+  @if $weight == normal or $weight == regular {
8 
+    font-family: 'PFDinDisplayPro-Regular', PFDinDisplayProRegularWebfont, sans-serif;
9 
+  }
10 
+
11 
+  @if $weight == medium {
12 
+    // iOS includes the PFDinDisplayPro-Medium in the webview but Android does not,
13 
+    // so we apply a faux bold on the regular weight.
14 
+    font-family: 'PFDinDisplayPro-Medium', PFDinDisplayProRegularWebfont, sans-serif;
15 
+
16 
+    .platform-android & {
17 
+      font-family: PFDinDisplayProRegularWebfont, sans-serif;
18 
+      font-weight: bold;
19 
+      letter-spacing: 0.025em;
20 
+    }
21 
+  }
22 
+}
23 
+
24 
+@mixin pfdin-uppercase {
25 
+  text-transform: uppercase;
26 
+  position: relative;
27 
+  top: 0.05rem;
28 
+  line-height: 0.9;
29 
+}
30 
+
31 
+@mixin font-size($size: 1) {
32 
+  $font-size:  $size * 1rem;
33 
+  font-size:$font-size;
34 
+  line-height: $base-line-height * ceil($font-size / $base-line-height);
35 
+}
36 
+
37 
+@mixin tap-highlight($color: rgba(255, 255, 255, 0.1)) {
38 
+  -webkit-tap-highlight-color: $color;
39 
+
40 
+  &:active {
41 
+    background-color: $color;
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/_mixins.scss
History View file @75d78e2
1 1 
new file mode 100644
... ... 
@@ -0,0 +1,43 @@
1 
+@import "vars";
2 
+
3 
+@mixin font-pfdin($weight: normal) {
4 
+
5 
+  font-weight: normal;
6 
+
7 
+  @if $weight == normal or $weight == regular {
8 
+    font-family: 'PFDinDisplayPro-Regular', PFDinDisplayProRegularWebfont, sans-serif;
9 
+  }
10 
+
11 
+  @if $weight == medium {
12 
+    // iOS includes the PFDinDisplayPro-Medium in the webview but Android does not,
13 
+    // so we apply a faux bold on the regular weight.
14 
+    font-family: 'PFDinDisplayPro-Medium', PFDinDisplayProRegularWebfont, sans-serif;
15 
+
16 
+    .platform-android & {
17 
+      font-family: PFDinDisplayProRegularWebfont, sans-serif;
18 
+      font-weight: bold;
19 
+      letter-spacing: 0.025em;
20 
+    }
21 
+  }
22 
+}
23 
+
24 
+@mixin pfdin-uppercase {
25 
+  text-transform: uppercase;
26 
+  position: relative;
27 
+  top: 0.05rem;
28 
+  line-height: 0.9;
29 
+}
30 
+
31 
+@mixin font-size($size: 1) {
32 
+  $font-size:  $size * 1rem;
33 
+  font-size:$font-size;
34 
+  line-height: $base-line-height * ceil($font-size / $base-line-height);
35 
+}
36 
+
37 
+@mixin tap-highlight($color: rgba(255, 255, 255, 0.1)) {
38 
+  -webkit-tap-highlight-color: $color;
39 
+
40 
+  &:active {
41 
+    background-color: $color;
42 
+  }
43 
+}