feat: Added rules for break-before and break-after (#217)

warp-ds · Apr 15, 2024 · b630130 · b630130
1 parent 29e2264
commit b630130
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 0 deletions.
diff --git a/src/_rules/static.js b/src/_rules/static.js
@@ -40,6 +40,22 @@ export const breaks = [
  ['break-inside-avoid', { 'break-inside': 'avoid' }],
  ['break-inside-avoid-page', { 'break-inside': 'avoid-page' }],
  ['break-inside-avoid-column', { 'break-inside': 'avoid-column' }],
+ ['break-before-auto', { 'break-before': 'auto' }],
+ ['break-before-avoid', { 'break-before': 'avoid' }],
+ ['break-before-all', { 'break-before': 'all' }],
+ ['break-before-avoid-page', { 'break-before': 'avoid-page' }],
+ ['break-before-page', { 'break-before': 'page' }],
+ ['break-before-left', { 'break-before': 'left' }],
+ ['break-before-right', { 'break-before': 'right' }],
+ ['break-before-column', { 'break-before': 'column' }],
+ ['break-after-auto', { 'break-after': 'auto' }],
+ ['break-after-avoid', { 'break-after': 'avoid' }],
+ ['break-after-all', { 'break-after': 'all' }],
+ ['break-after-avoid-page', { 'break-after': 'avoid-page' }],
+ ['break-after-page', { 'break-after': 'page' }],
+ ['break-after-left', { 'break-after': 'left' }],
+ ['break-after-right', { 'break-after': 'right' }],
+ ['break-after-column', { 'break-after': 'column' }],
 ];
 
 export const textOverflows = [

diff --git a/test/__snapshots__/static.js.snap b/test/__snapshots__/static.js.snap
@@ -90,6 +90,22 @@ exports[`static rules do static things 1`] = `
 .break-inside-avoid{break-inside:avoid;}
 .break-inside-avoid-page{break-inside:avoid-page;}
 .break-inside-avoid-column{break-inside:avoid-column;}
+.break-before-auto{break-before:auto;}
+.break-before-avoid{break-before:avoid;}
+.break-before-all{break-before:all;}
+.break-before-avoid-page{break-before:avoid-page;}
+.break-before-page{break-before:page;}
+.break-before-left{break-before:left;}
+.break-before-right{break-before:right;}
+.break-before-column{break-before:column;}
+.break-after-auto{break-after:auto;}
+.break-after-avoid{break-after:avoid;}
+.break-after-all{break-after:all;}
+.break-after-avoid-page{break-after:avoid-page;}
+.break-after-page{break-after:page;}
+.break-after-left{break-after:left;}
+.break-after-right{break-after:right;}
+.break-after-column{break-after:column;}
 .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 .text-ellipsis{text-overflow:ellipsis;}
 .text-clip{text-overflow:clip;}