From 7b8ebc525e6d68d67f815b66898577f4ab60b3f6 Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Wed, 13 Mar 2019 14:19:29 -0400 Subject: [PATCH] Make listStyleType customizable --- defaultTheme.js | 3 +++ src/plugins/listStyleType.js | 22 ++++++++++++++-------- 2 files changed, 17 insertions(+), 8 deletions(-) diff --git a/defaultTheme.js b/defaultTheme.js index 2d35ec952..68528cca4 100644 --- a/defaultTheme.js +++ b/defaultTheme.js @@ -329,5 +329,8 @@ module.exports = function() { '0': 0, default: 1, }, + listStyleType: { + none: 'none', + }, } } diff --git a/src/plugins/listStyleType.js b/src/plugins/listStyleType.js index ed609fe14..224a42e34 100644 --- a/src/plugins/listStyleType.js +++ b/src/plugins/listStyleType.js @@ -1,12 +1,18 @@ +import _ from 'lodash' + export default function() { - return function({ addUtilities, config }) { - addUtilities( - { - '.list-none': { - 'list-style-type': 'none', - }, - }, - config('variants.listStyleType') + return function({ addUtilities, e, config }) { + const utilities = _.fromPairs( + _.map(config('theme.listStyleType'), (value, modifier) => { + return [ + `.${e(`list-${modifier}`)}`, + { + 'list-style-type': value, + }, + ] + }) ) + + addUtilities(utilities, config('variants.listStyleType')) } }