summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'plugins/jetpack/scss/atoms/typography/_functions.scss')
-rw-r--r--plugins/jetpack/scss/atoms/typography/_functions.scss12
1 files changed, 12 insertions, 0 deletions
diff --git a/plugins/jetpack/scss/atoms/typography/_functions.scss b/plugins/jetpack/scss/atoms/typography/_functions.scss
new file mode 100644
index 00000000..878bc05e
--- /dev/null
+++ b/plugins/jetpack/scss/atoms/typography/_functions.scss
@@ -0,0 +1,12 @@
+// ==========================================================================
+// em()
+//
+// Convert px to em in a readable fashion.
+// ==========================================================================
+
+// Examples:
+// 1. font-size: em(14px);
+// 2. font-size: em(30px/14px);
+@function em($value, $context: map-get($root-font, font-size)) {
+ @return ($value / $context * 1em);
+}