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 background position utilities.

Browse Source
This commit is contained in:
Jonathan Reinink 2017-10-03 19:28:37 -04:00
parent 6b204cf0dd
commit e754d87339
2 changed files with 17 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/generators/backgroundPositions.js Normal file
View File

@ -0,0 +1,15 @@
import defineClasses from '../util/defineClasses'
export default function() {
return defineClasses({
'bg-bottom': { 'background-position': 'bottom' },
'bg-center': { 'background-position': 'center' },
'bg-left': { 'background-position': 'left' },
'bg-left-bottom': { 'background-position': 'left bottom' },
'bg-left-top': { 'background-position': 'left top' },
'bg-right': { 'background-position': 'right' },
'bg-right-bottom': { 'background-position': 'right bottom' },
'bg-right-top': { 'background-position': 'right top' },
'bg-top': { 'background-position': 'top' },
})
}

2
src/lib/generateUtilities.js
View File

@ -1,5 +1,6 @@
import _ from 'lodash'
import backgroundColors from '../generators/backgroundColors'
import backgroundPositions from '../generators/backgroundPositions'
import backgroundSize from '../generators/backgroundSize'
import borderColors from '../generators/borderColors'
import borderStylesReset from '../generators/borderStylesReset'
@ -47,6 +48,7 @@ export default function(options) {
textStyle(options),
verticalAlign(options),
backgroundColors(options),
backgroundPositions(options),
backgroundSize(options),
borderStylesReset(options),
borderWidths(options),