archive-gh-me/tailwindcss
1
0
Fork 0
mirror of https://github.com/tailwindlabs/tailwindcss.git synced 2025-12-08 21:36:08 +00:00
Code Issues Projects Releases Wiki Activity

Add bg-repeat-round and bg-repeat-space utilities

Browse Source
This commit is contained in:
Benoît Rouleau 2019-04-28 17:13:12 -04:00
parent f46022a0d5
commit ce1812a244
3 changed files with 82 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
__tests__/fixtures/tailwind-output-important.css
View File

@ -1786,6 +1786,14 @@ video {
background-repeat: repeat-y !important;
}
.bg-repeat-round {
background-repeat: round !important;
}
.bg-repeat-space {
background-repeat: space !important;
}
.bg-auto {
background-size: auto !important;
}
@ -8671,6 +8679,14 @@ video {
background-repeat: repeat-y !important;
}
.sm\:bg-repeat-round {
background-repeat: round !important;
}
.sm\:bg-repeat-space {
background-repeat: space !important;
}
.sm\:bg-auto {
background-size: auto !important;
}
@ -15533,6 +15549,14 @@ video {
background-repeat: repeat-y !important;
}
.md\:bg-repeat-round {
background-repeat: round !important;
}
.md\:bg-repeat-space {
background-repeat: space !important;
}
.md\:bg-auto {
background-size: auto !important;
}
@ -22395,6 +22419,14 @@ video {
background-repeat: repeat-y !important;
}
.lg\:bg-repeat-round {
background-repeat: round !important;
}
.lg\:bg-repeat-space {
background-repeat: space !important;
}
.lg\:bg-auto {
background-size: auto !important;
}
@ -29257,6 +29289,14 @@ video {
background-repeat: repeat-y !important;
}
.xl\:bg-repeat-round {
background-repeat: round !important;
}
.xl\:bg-repeat-space {
background-repeat: space !important;
}
.xl\:bg-auto {
background-size: auto !important;
}

40
__tests__/fixtures/tailwind-output.css
View File

@ -1786,6 +1786,14 @@ video {
background-repeat: repeat-y;
}
.bg-repeat-round {
background-repeat: round;
}
.bg-repeat-space {
background-repeat: space;
}
.bg-auto {
background-size: auto;
}
@ -8671,6 +8679,14 @@ video {
background-repeat: repeat-y;
}
.sm\:bg-repeat-round {
background-repeat: round;
}
.sm\:bg-repeat-space {
background-repeat: space;
}
.sm\:bg-auto {
background-size: auto;
}
@ -15533,6 +15549,14 @@ video {
background-repeat: repeat-y;
}
.md\:bg-repeat-round {
background-repeat: round;
}
.md\:bg-repeat-space {
background-repeat: space;
}
.md\:bg-auto {
background-size: auto;
}
@ -22395,6 +22419,14 @@ video {
background-repeat: repeat-y;
}
.lg\:bg-repeat-round {
background-repeat: round;
}
.lg\:bg-repeat-space {
background-repeat: space;
}
.lg\:bg-auto {
background-size: auto;
}
@ -29257,6 +29289,14 @@ video {
background-repeat: repeat-y;
}
.xl\:bg-repeat-round {
background-repeat: round;
}
.xl\:bg-repeat-space {
background-repeat: space;
}
.xl\:bg-auto {
background-size: auto;
}

2
src/plugins/backgroundRepeat.js
View File

@ -6,6 +6,8 @@ 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' },
},
variants('backgroundRepeat')
)