Skip to content

Instantly share code, notes, and snippets.

@hypest
Last active February 1, 2019 14:43
Show Gist options
  • Save hypest/377b0ac9121ead5941a82c6d693ffddd to your computer and use it in GitHub Desktop.
Save hypest/377b0ac9121ead5941a82c6d693ffddd to your computer and use it in GitHub Desktop.
easier loading variables.scss and example
diff --git a/packages/block-library/src/code/edit.native.js b/packages/block-library/src/code/edit.native.js
index d4ee2c807..1439c1371 100644
--- a/packages/block-library/src/code/edit.native.js
+++ b/packages/block-library/src/code/edit.native.js
@@ -36,6 +36,7 @@ export default function CodeEdit( props ) {
isSelected={ props.isSelected }
onFocus={ onFocus }
onBlur={ onBlur }
+ fontFamily={ styles.blockCode.fontFamily }
/>
</View>
);
diff --git a/packages/block-library/src/code/theme.android.scss b/packages/block-library/src/code/theme.android.scss
deleted file mode 100644
index 18d9c4cdc..000000000
--- a/packages/block-library/src/code/theme.android.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-.blockCode {
- font-family: monospace;
-}
-
diff --git a/packages/block-library/src/code/theme.ios.scss b/packages/block-library/src/code/theme.ios.scss
deleted file mode 100644
index c553ba8e2..000000000
--- a/packages/block-library/src/code/theme.ios.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-/* stylelint-disable font-family-no-missing-generic-family-keyword */
-.blockCode {
- font-family: courier;
-}
-
diff --git a/packages/block-library/src/code/theme.native.scss b/packages/block-library/src/code/theme.native.scss
new file mode 100644
index 000000000..43c8268a2
--- /dev/null
+++ b/packages/block-library/src/code/theme.native.scss
@@ -0,0 +1,6 @@
+@import 'variables.scss';
+
+.blockCode {
+ font-family: $default-monospace-font;
+}
+
diff --git a/sass-transformer.js b/sass-transformer.js
index 58b8b25..d0659b8 100644
--- a/sass-transformer.js
+++ b/sass-transformer.js
@@ -64,6 +64,7 @@ if ( reactNativeMinorVersion >= 56 ) {
// TODO: need to find a way to pass the include paths and the default asset files via some config
const autoImportIncludePaths = [
path.join( path.dirname( __filename ), 'gutenberg/assets/stylesheets' ),
+ path.join( path.dirname( __filename ), 'src' ),
];
const autoImportAssets = [
'_colors.scss',
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment