UNPKG

rn-responsive-typography

Version:

rn-responsive-typography is a lightweight React Native utility library that standardizes font sizes and line heights across your app for consistent typography. Easily define and reuse scalable text styles to maintain visual harmony and improve readability

67 lines (66 loc) 3.07 kB
"use strict"; import { RFPercentage } from 'react-native-responsive-fontsize'; import { widthPercentageToDP as wp, heightPercentageToDP as hp } from "react-native-responsive-screen"; export const resFontSize = size => RFPercentage(size); export const screenHeight = percent => hp(percent); export const screenWidth = percent => wp(percent); export const fontSize10 = resFontSize(1.2); export const fontSize12 = resFontSize(1.4); export const fontSize14 = resFontSize(1.6); export const fontSize16 = resFontSize(1.9); export const fontSize18 = resFontSize(2.1); export const fontSize20 = resFontSize(2.3); export const fontSize22 = resFontSize(2.6); export const fontSize24 = resFontSize(2.8); export const fontSize26 = resFontSize(3); export const fontSize28 = resFontSize(3.3); export const fontSize30 = resFontSize(3.5); export const fontSize32 = resFontSize(3.8); export const fontSize34 = resFontSize(4); export const fontSize36 = resFontSize(4.3); export const fontSize38 = resFontSize(4.6); export const fontSize40 = resFontSize(4.9); export const fontSize42 = resFontSize(5.2); export const fontSize44 = resFontSize(5.5); export const fontSize46 = resFontSize(5.8); export const fontSize48 = resFontSize(6.1); export const fontSize50 = resFontSize(6.4); export const fontSize52 = resFontSize(6.7); export const fontSize54 = resFontSize(7); export const fontSize56 = resFontSize(7.3); export const fontSize58 = resFontSize(7.6); export const fontSize60 = resFontSize(7.9); export const fontSize62 = resFontSize(8.2); export const fontSize64 = resFontSize(8.5); export const fontSize66 = resFontSize(8.8); export const fontSize68 = resFontSize(9.1); export const fontSize70 = resFontSize(9.4); export const fontSize72 = resFontSize(9.7); export const fontSize74 = resFontSize(10); export const fontSize76 = resFontSize(10.3); export const fontSize78 = resFontSize(10.6); export const fontSize80 = resFontSize(10.9); export const fontSize82 = resFontSize(11.2); export const fontSize84 = resFontSize(11.5); export const lignHeight20 = screenWidth("4.7%"); export const lignHeight21 = screenWidth("4.9%"); export const lignHeight22 = screenWidth("5.2%"); export const lignHeight23 = screenWidth("5.4%"); export const lignHeight24 = screenWidth("5.5%"); export const lignHeight26 = screenWidth("6.1%"); export const lignHeight27 = screenWidth("6.3%"); export const lignHeight28 = screenWidth("6.5%"); export const lignHeight29 = screenWidth("6.8%"); export const lignHeight30 = screenWidth("7%"); export const lignHeight32 = screenWidth("7.5%"); export const lignHeight34 = screenWidth("8%"); export const lignHeight38 = screenWidth("9%"); export const lignHeight43 = screenWidth("10%"); export const lignHeight47 = screenWidth("11%"); export const lignHeight51 = screenWidth("12%"); export const lignHeight53 = screenWidth("12.3%"); export const lignHeight56 = screenWidth("13%"); export const lignHeight57 = screenWidth("13.3%"); export const lignHeight60 = screenWidth("14%"); export const lignHeight72 = screenWidth("16.8%"); //# sourceMappingURL=index.js.map