From ac1d015dc5dc36de49fac6f9294003d6a876e6ce Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Benoi=CC=82t=20Rouleau?= Date: Wed, 2 Jan 2019 17:50:56 -0500 Subject: [PATCH] Add `round` and `space` background-repeat utilities --- __tests__/fixtures/tailwind-output.css | 40 ++++++++++++++++++++++++++ src/generators/backgroundRepeat.js | 2 ++ 2 files changed, 42 insertions(+) diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css index d3a828ee3ee6..260aa7f24cf2 100644 --- a/__tests__/fixtures/tailwind-output.css +++ b/__tests__/fixtures/tailwind-output.css @@ -1460,6 +1460,14 @@ table { background-repeat: repeat-y; } +.bg-repeat-round { + background-repeat: round; +} + +.bg-repeat-space { + background-repeat: space; +} + .bg-auto { background-size: auto; } @@ -7053,6 +7061,14 @@ table { background-repeat: repeat-y; } + .sm\:bg-repeat-round { + background-repeat: round; + } + + .sm\:bg-repeat-space { + background-repeat: space; + } + .sm\:bg-auto { background-size: auto; } @@ -12623,6 +12639,14 @@ table { background-repeat: repeat-y; } + .md\:bg-repeat-round { + background-repeat: round; + } + + .md\:bg-repeat-space { + background-repeat: space; + } + .md\:bg-auto { background-size: auto; } @@ -18193,6 +18217,14 @@ table { background-repeat: repeat-y; } + .lg\:bg-repeat-round { + background-repeat: round; + } + + .lg\:bg-repeat-space { + background-repeat: space; + } + .lg\:bg-auto { background-size: auto; } @@ -23763,6 +23795,14 @@ table { background-repeat: repeat-y; } + .xl\:bg-repeat-round { + background-repeat: round; + } + + .xl\:bg-repeat-space { + background-repeat: space; + } + .xl\:bg-auto { background-size: auto; } diff --git a/src/generators/backgroundRepeat.js b/src/generators/backgroundRepeat.js index fe3147d7f217..040d2fb73ecb 100644 --- a/src/generators/backgroundRepeat.js +++ b/src/generators/backgroundRepeat.js @@ -6,5 +6,7 @@ export default function() { 'bg-no-repeat': { 'background-repeat': 'no-repeat' }, 'bg-repeat-x': { 'background-repeat': 'repeat-x' }, 'bg-repeat-y': { 'background-repeat': 'repeat-y' }, + 'bg-repeat-round': { 'background-repeat': 'round' }, + 'bg-repeat-space': { 'background-repeat': 'space' }, }) }