wrapper/tailwindcss
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Make container plugin a core plugin, configured in theme

Browse source
This commit is contained in:
Adam Wathan 2019-03-13 21:04:45 -04:00
parent adda3e6df9
commit c6449f8fa8
6 changed files with 48 additions and 88 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/plugins/container.js
View file

@ -22,11 +22,9 @@ function extractMinWidths(breakpoints) {
})
}
module.exports = function(options) {
module.exports = function() {
return function({ addComponents, config }) {
const screens = _.get(options, 'screens', config('theme.screens'))
const minWidths = extractMinWidths(screens)
const minWidths = extractMinWidths(config('theme.screens'))
const atRules = _.map(minWidths, minWidth => {
return {
@ -42,9 +40,14 @@ module.exports = function(options) {
{
'.container': Object.assign(
{ width: '100%' },
_.get(options, 'center', false) ? { marginRight: 'auto', marginLeft: 'auto' } : {},
_.has(options, 'padding')
? { paddingRight: options.padding, paddingLeft: options.padding }
config('theme.container.center', false)
? { marginRight: 'auto', marginLeft: 'auto' }
: {},
_.has(config('theme.container', {}), 'padding')
? {
paddingRight: config('theme.container.padding'),
paddingLeft: config('theme.container.padding'),
}
: {}
),
},