hanzoai/tailwindcss-typography
2
0
Fork 0
mirror of https://github.com/hanzoai/tailwindcss-typography.git synced 2026-09-24 17:03:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

Change CSS properties to their bidirectional counterparts (#323)

Browse Source
This commit is contained in:
omriluz
2024-03-27 09:55:13 -04:00
committed by GitHub
parent 39b197da40
commit 2f9f9561e4
1 changed files with 92 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles.js
+92 -92
View File
@@ -35,7 +35,7 @@ let defaultModifiers = {
blockquote: {
marginTop: em(24, 18),
marginBottom: em(24, 18),
paddingLeft: em(20, 18),
paddingInlineStart: em(20, 18),
},
h1: {
fontSize: em(30, 14),
@@ -80,9 +80,9 @@ let defaultModifiers = {
fontSize: em(12, 14),
borderRadius: rem(5),
paddingTop: em(2, 14),
paddingRight: em(5, 14),
paddingInlineEnd: em(5, 14),
paddingBottom: em(2, 14),
paddingLeft: em(5, 14),
paddingInlineStart: em(5, 14),
},
code: {
fontSize: em(12, 14),
@@ -100,29 +100,29 @@ let defaultModifiers = {
marginBottom: em(20, 12),
borderRadius: rem(4),
paddingTop: em(8, 12),
paddingRight: em(12, 12),
paddingInlineEnd: em(12, 12),
paddingBottom: em(8, 12),
paddingLeft: em(12, 12),
paddingInlineStart: em(12, 12),
},
ol: {
marginTop: em(16, 14),
marginBottom: em(16, 14),
paddingLeft: em(22, 14),
paddingInlineStart: em(22, 14),
},
ul: {
marginTop: em(16, 14),
marginBottom: em(16, 14),
paddingLeft: em(22, 14),
paddingInlineStart: em(22, 14),
},
li: {
marginTop: em(4, 14),
marginBottom: em(4, 14),
},
'ol > li': {
paddingLeft: em(6, 14),
paddingInlineStart: em(6, 14),
},
'ul > li': {
paddingLeft: em(6, 14),
paddingInlineStart: em(6, 14),
},
'> ul > li p': {
marginTop: em(8, 14),
@@ -153,7 +153,7 @@ let defaultModifiers = {
},
dd: {
marginTop: em(4, 14),
paddingLeft: em(22, 14),
paddingInlineStart: em(22, 14),
},
hr: {
marginTop: em(40, 14),
@@ -176,27 +176,27 @@ let defaultModifiers = {
lineHeight: round(18 / 12),
},
'thead th': {
paddingRight: em(12, 12),
paddingInlineEnd: em(12, 12),
paddingBottom: em(8, 12),
paddingLeft: em(12, 12),
paddingInlineStart: em(12, 12),
},
'thead th:first-child': {
paddingLeft: '0',
paddingInlineStart: '0',
},
'thead th:last-child': {
paddingRight: '0',
paddingInlineEnd: '0',
},
'tbody td, tfoot td': {
paddingTop: em(8, 12),
paddingRight: em(12, 12),
paddingInlineEnd: em(12, 12),
paddingBottom: em(8, 12),
paddingLeft: em(12, 12),
paddingInlineStart: em(12, 12),
},
'tbody td:first-child, tfoot td:first-child': {
paddingLeft: '0',
paddingInlineStart: '0',
},
'tbody td:last-child, tfoot td:last-child': {
paddingRight: '0',
paddingInlineEnd: '0',
},
figure: {
marginTop: em(24, 14),
@@ -240,7 +240,7 @@ let defaultModifiers = {
blockquote: {
marginTop: em(32, 20),
marginBottom: em(32, 20),
paddingLeft: em(20, 20),
paddingInlineStart: em(20, 20),
},
h1: {
fontSize: em(36, 16),
@@ -285,9 +285,9 @@ let defaultModifiers = {
fontSize: em(14, 16),
borderRadius: rem(5),
paddingTop: em(3, 16),
paddingRight: em(6, 16),
paddingInlineEnd: em(6, 16),
paddingBottom: em(3, 16),
paddingLeft: em(6, 16),
paddingInlineStart: em(6, 16),
},
code: {
fontSize: em(14, 16),
@@ -305,29 +305,29 @@ let defaultModifiers = {
marginBottom: em(24, 14),
borderRadius: rem(6),
paddingTop: em(12, 14),
paddingRight: em(16, 14),
paddingInlineEnd: em(16, 14),
paddingBottom: em(12, 14),
paddingLeft: em(16, 14),
paddingInlineStart: em(16, 14),
},
ol: {
marginTop: em(20, 16),
marginBottom: em(20, 16),
paddingLeft: em(26, 16),
paddingInlineStart: em(26, 16),
},
ul: {
marginTop: em(20, 16),
marginBottom: em(20, 16),
paddingLeft: em(26, 16),
paddingInlineStart: em(26, 16),
},
li: {
marginTop: em(8, 16),
marginBottom: em(8, 16),
},
'ol > li': {
paddingLeft: em(6, 16),
paddingInlineStart: em(6, 16),
},
'ul > li': {
paddingLeft: em(6, 16),
paddingInlineStart: em(6, 16),
},
'> ul > li p': {
marginTop: em(12, 16),
@@ -358,7 +358,7 @@ let defaultModifiers = {
},
dd: {
marginTop: em(8, 16),
paddingLeft: em(26, 16),
paddingInlineStart: em(26, 16),
},
hr: {
marginTop: em(48, 16),
@@ -381,27 +381,27 @@ let defaultModifiers = {
lineHeight: round(24 / 14),
},
'thead th': {
paddingRight: em(8, 14),
paddingInlineEnd: em(8, 14),
paddingBottom: em(8, 14),
paddingLeft: em(8, 14),
paddingInlineStart: em(8, 14),
},
'thead th:first-child': {
paddingLeft: '0',
paddingInlineStart: '0',
},
'thead th:last-child': {
paddingRight: '0',
paddingInlineEnd: '0',
},
'tbody td, tfoot td': {
paddingTop: em(8, 14),
paddingRight: em(8, 14),
paddingInlineEnd: em(8, 14),
paddingBottom: em(8, 14),
paddingLeft: em(8, 14),
paddingInlineStart: em(8, 14),
},
'tbody td:first-child, tfoot td:first-child': {
paddingLeft: '0',
paddingInlineStart: '0',
},
'tbody td:last-child, tfoot td:last-child': {
paddingRight: '0',
paddingInlineEnd: '0',
},
figure: {
marginTop: em(32, 16),
@@ -445,7 +445,7 @@ let defaultModifiers = {
blockquote: {
marginTop: em(40, 24),
marginBottom: em(40, 24),
paddingLeft: em(24, 24),
paddingInlineStart: em(24, 24),
},
h1: {
fontSize: em(48, 18),
@@ -490,9 +490,9 @@ let defaultModifiers = {
fontSize: em(16, 18),
borderRadius: rem(5),
paddingTop: em(4, 18),
paddingRight: em(8, 18),
paddingInlineEnd: em(8, 18),
paddingBottom: em(4, 18),
paddingLeft: em(8, 18),
paddingInlineStart: em(8, 18),
},
code: {
fontSize: em(16, 18),
@@ -510,29 +510,29 @@ let defaultModifiers = {
marginBottom: em(32, 16),
borderRadius: rem(6),
paddingTop: em(16, 16),
paddingRight: em(24, 16),
paddingInlineEnd: em(24, 16),
paddingBottom: em(16, 16),
paddingLeft: em(24, 16),
paddingInlineStart: em(24, 16),
},
ol: {
marginTop: em(24, 18),
marginBottom: em(24, 18),
paddingLeft: em(28, 18),
paddingInlineStart: em(28, 18),
},
ul: {
marginTop: em(24, 18),
marginBottom: em(24, 18),
paddingLeft: em(28, 18),
paddingInlineStart: em(28, 18),
},
li: {
marginTop: em(12, 18),
marginBottom: em(12, 18),
},
'ol > li': {
paddingLeft: em(8, 18),
paddingInlineStart: em(8, 18),
},
'ul > li': {
paddingLeft: em(8, 18),
paddingInlineStart: em(8, 18),
},
'> ul > li p': {
marginTop: em(16, 18),
@@ -563,7 +563,7 @@ let defaultModifiers = {
},
dd: {
marginTop: em(12, 18),
paddingLeft: em(28, 18),
paddingInlineStart: em(28, 18),
},
hr: {
marginTop: em(56, 18),
@@ -586,27 +586,27 @@ let defaultModifiers = {
lineHeight: round(24 / 16),
},
'thead th': {
paddingRight: em(12, 16),
paddingInlineEnd: em(12, 16),
paddingBottom: em(12, 16),
paddingLeft: em(12, 16),
paddingInlineStart: em(12, 16),
},
'thead th:first-child': {
paddingLeft: '0',
paddingInlineStart: '0',
},
'thead th:last-child': {
paddingRight: '0',
paddingInlineEnd: '0',
},
'tbody td, tfoot td': {
paddingTop: em(12, 16),
paddingRight: em(12, 16),
paddingInlineEnd: em(12, 16),
paddingBottom: em(12, 16),
paddingLeft: em(12, 16),
paddingInlineStart: em(12, 16),
},
'tbody td:first-child, tfoot td:first-child': {
paddingLeft: '0',
paddingInlineStart: '0',
},
'tbody td:last-child, tfoot td:last-child': {
paddingRight: '0',
paddingInlineEnd: '0',
},
figure: {
marginTop: em(32, 18),
@@ -650,7 +650,7 @@ let defaultModifiers = {
blockquote: {
marginTop: em(48, 30),
marginBottom: em(48, 30),
paddingLeft: em(32, 30),
paddingInlineStart: em(32, 30),
},
h1: {
fontSize: em(56, 20),
@@ -695,9 +695,9 @@ let defaultModifiers = {
fontSize: em(18, 20),
borderRadius: rem(5),
paddingTop: em(5, 20),
paddingRight: em(8, 20),
paddingInlineEnd: em(8, 20),
paddingBottom: em(5, 20),
paddingLeft: em(8, 20),
paddingInlineStart: em(8, 20),
},
code: {
fontSize: em(18, 20),
@@ -715,29 +715,29 @@ let defaultModifiers = {
marginBottom: em(36, 18),
borderRadius: rem(8),
paddingTop: em(20, 18),
paddingRight: em(24, 18),
paddingInlineEnd: em(24, 18),
paddingBottom: em(20, 18),
paddingLeft: em(24, 18),
paddingInlineStart: em(24, 18),
},
ol: {
marginTop: em(24, 20),
marginBottom: em(24, 20),
paddingLeft: em(32, 20),
paddingInlineStart: em(32, 20),
},
ul: {
marginTop: em(24, 20),
marginBottom: em(24, 20),
paddingLeft: em(32, 20),
paddingInlineStart: em(32, 20),
},
li: {
marginTop: em(12, 20),
marginBottom: em(12, 20),
},
'ol > li': {
paddingLeft: em(8, 20),
paddingInlineStart: em(8, 20),
},
'ul > li': {
paddingLeft: em(8, 20),
paddingInlineStart: em(8, 20),
},
'> ul > li p': {
marginTop: em(16, 20),
@@ -768,7 +768,7 @@ let defaultModifiers = {
},
dd: {
marginTop: em(12, 20),
paddingLeft: em(32, 20),
paddingInlineStart: em(32, 20),
},
hr: {
marginTop: em(56, 20),
@@ -791,27 +791,27 @@ let defaultModifiers = {
lineHeight: round(28 / 18),
},
'thead th': {
paddingRight: em(12, 18),
paddingInlineEnd: em(12, 18),
paddingBottom: em(16, 18),
paddingLeft: em(12, 18),
paddingInlineStart: em(12, 18),
},
'thead th:first-child': {
paddingLeft: '0',
paddingInlineStart: '0',
},
'thead th:last-child': {
paddingRight: '0',
paddingInlineEnd: '0',
},
'tbody td, tfoot td': {
paddingTop: em(16, 18),
paddingRight: em(12, 18),
paddingInlineEnd: em(12, 18),
paddingBottom: em(16, 18),
paddingLeft: em(12, 18),
paddingInlineStart: em(12, 18),
},
'tbody td:first-child, tfoot td:first-child': {
paddingLeft: '0',
paddingInlineStart: '0',
},
'tbody td:last-child, tfoot td:last-child': {
paddingRight: '0',
paddingInlineEnd: '0',
},
figure: {
marginTop: em(40, 20),
@@ -855,7 +855,7 @@ let defaultModifiers = {
blockquote: {
marginTop: em(64, 36),
marginBottom: em(64, 36),
paddingLeft: em(40, 36),
paddingInlineStart: em(40, 36),
},
h1: {
fontSize: em(64, 24),
@@ -900,9 +900,9 @@ let defaultModifiers = {
fontSize: em(20, 24),
borderRadius: rem(6),
paddingTop: em(6, 24),
paddingRight: em(8, 24),
paddingInlineEnd: em(8, 24),
paddingBottom: em(6, 24),
paddingLeft: em(8, 24),
paddingInlineStart: em(8, 24),
},
code: {
fontSize: em(20, 24),
@@ -920,29 +920,29 @@ let defaultModifiers = {
marginBottom: em(40, 20),
borderRadius: rem(8),
paddingTop: em(24, 20),
paddingRight: em(32, 20),
paddingInlineEnd: em(32, 20),
paddingBottom: em(24, 20),
paddingLeft: em(32, 20),
paddingInlineStart: em(32, 20),
},
ol: {
marginTop: em(32, 24),
marginBottom: em(32, 24),
paddingLeft: em(38, 24),
paddingInlineStart: em(38, 24),
},
ul: {
marginTop: em(32, 24),
marginBottom: em(32, 24),
paddingLeft: em(38, 24),
paddingInlineStart: em(38, 24),
},
li: {
marginTop: em(12, 24),
marginBottom: em(12, 24),
},
'ol > li': {
paddingLeft: em(10, 24),
paddingInlineStart: em(10, 24),
},
'ul > li': {
paddingLeft: em(10, 24),
paddingInlineStart: em(10, 24),
},
'> ul > li p': {
marginTop: em(20, 24),
@@ -973,7 +973,7 @@ let defaultModifiers = {
},
dd: {
marginTop: em(12, 24),
paddingLeft: em(38, 24),
paddingInlineStart: em(38, 24),
},
hr: {
marginTop: em(72, 24),
@@ -996,27 +996,27 @@ let defaultModifiers = {
lineHeight: round(28 / 20),
},
'thead th': {
paddingRight: em(12, 20),
paddingInlineEnd: em(12, 20),
paddingBottom: em(16, 20),
paddingLeft: em(12, 20),
paddingInlineStart: em(12, 20),
},
'thead th:first-child': {
paddingLeft: '0',
paddingInlineStart: '0',
},
'thead th:last-child': {
paddingRight: '0',
paddingInlineEnd: '0',
},
'tbody td, tfoot td': {
paddingTop: em(16, 20),
paddingRight: em(12, 20),
paddingInlineEnd: em(12, 20),
paddingBottom: em(16, 20),
paddingLeft: em(12, 20),
paddingInlineStart: em(12, 20),
},
'tbody td:first-child, tfoot td:first-child': {
paddingLeft: '0',
paddingInlineStart: '0',
},
'tbody td:last-child, tfoot td:last-child': {
paddingRight: '0',
paddingInlineEnd: '0',
},
figure: {
marginTop: em(48, 24),
@@ -1476,8 +1476,8 @@ module.exports = {
fontWeight: '500',
fontStyle: 'italic',
color: 'var(--tw-prose-quotes)',
borderLeftWidth: '0.25rem',
borderLeftColor: 'var(--tw-prose-quote-borders)',
borderInlineStartWidth: '0.25rem',
borderInlineStartColor: 'var(--tw-prose-quote-borders)',
quotes: '"\\201C""\\201D""\\2018""\\2019"',
},
'blockquote p:first-of-type::before': {