From ba640fc79ab3a4414f0d3afb0e89f6c8db2d90f6 Mon Sep 17 00:00:00 2001 From: Codeminer42 Date: Thu, 22 Aug 2019 16:55:23 -0300 Subject: [PATCH 1/4] Add stroke-width plugin --- .../fixtures/tailwind-output-important.css | 100 ++++++++++++++++++ __tests__/fixtures/tailwind-output.css | 100 ++++++++++++++++++ __tests__/plugins/strokeWidth.test.js | 57 ++++++++++ src/corePlugins.js | 2 + src/plugins/strokeWidth.js | 19 ++++ stubs/defaultConfig.stub.js | 8 ++ 6 files changed, 286 insertions(+) create mode 100644 __tests__/plugins/strokeWidth.test.js create mode 100644 src/plugins/strokeWidth.js diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css index 539264569..33f6b6c1d 100644 --- a/__tests__/fixtures/tailwind-output-important.css +++ b/__tests__/fixtures/tailwind-output-important.css @@ -6758,6 +6758,26 @@ video { stroke: currentColor !important; } +.stroke-w-0 { + stroke-width: 0 !important; +} + +.stroke-w-1 { + stroke-width: 1px !important; +} + +.stroke-w-2 { + stroke-width: 2px !important; +} + +.stroke-w-3 { + stroke-width: 3px !important; +} + +.stroke-w-4 { + stroke-width: 4px !important; +} + .table-auto { table-layout: auto !important; } @@ -14493,6 +14513,26 @@ video { stroke: currentColor !important; } + .sm\:stroke-w-0 { + stroke-width: 0 !important; + } + + .sm\:stroke-w-1 { + stroke-width: 1px !important; + } + + .sm\:stroke-w-2 { + stroke-width: 2px !important; + } + + .sm\:stroke-w-3 { + stroke-width: 3px !important; + } + + .sm\:stroke-w-4 { + stroke-width: 4px !important; + } + .sm\:table-auto { table-layout: auto !important; } @@ -22229,6 +22269,26 @@ video { stroke: currentColor !important; } + .md\:stroke-w-0 { + stroke-width: 0 !important; + } + + .md\:stroke-w-1 { + stroke-width: 1px !important; + } + + .md\:stroke-w-2 { + stroke-width: 2px !important; + } + + .md\:stroke-w-3 { + stroke-width: 3px !important; + } + + .md\:stroke-w-4 { + stroke-width: 4px !important; + } + .md\:table-auto { table-layout: auto !important; } @@ -29965,6 +30025,26 @@ video { stroke: currentColor !important; } + .lg\:stroke-w-0 { + stroke-width: 0 !important; + } + + .lg\:stroke-w-1 { + stroke-width: 1px !important; + } + + .lg\:stroke-w-2 { + stroke-width: 2px !important; + } + + .lg\:stroke-w-3 { + stroke-width: 3px !important; + } + + .lg\:stroke-w-4 { + stroke-width: 4px !important; + } + .lg\:table-auto { table-layout: auto !important; } @@ -37701,6 +37781,26 @@ video { stroke: currentColor !important; } + .xl\:stroke-w-0 { + stroke-width: 0 !important; + } + + .xl\:stroke-w-1 { + stroke-width: 1px !important; + } + + .xl\:stroke-w-2 { + stroke-width: 2px !important; + } + + .xl\:stroke-w-3 { + stroke-width: 3px !important; + } + + .xl\:stroke-w-4 { + stroke-width: 4px !important; + } + .xl\:table-auto { table-layout: auto !important; } diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css index 498b3c05d..ad58c75f8 100644 --- a/__tests__/fixtures/tailwind-output.css +++ b/__tests__/fixtures/tailwind-output.css @@ -6758,6 +6758,26 @@ video { stroke: currentColor; } +.stroke-w-0 { + stroke-width: 0; +} + +.stroke-w-1 { + stroke-width: 1px; +} + +.stroke-w-2 { + stroke-width: 2px; +} + +.stroke-w-3 { + stroke-width: 3px; +} + +.stroke-w-4 { + stroke-width: 4px; +} + .table-auto { table-layout: auto; } @@ -14493,6 +14513,26 @@ video { stroke: currentColor; } + .sm\:stroke-w-0 { + stroke-width: 0; + } + + .sm\:stroke-w-1 { + stroke-width: 1px; + } + + .sm\:stroke-w-2 { + stroke-width: 2px; + } + + .sm\:stroke-w-3 { + stroke-width: 3px; + } + + .sm\:stroke-w-4 { + stroke-width: 4px; + } + .sm\:table-auto { table-layout: auto; } @@ -22229,6 +22269,26 @@ video { stroke: currentColor; } + .md\:stroke-w-0 { + stroke-width: 0; + } + + .md\:stroke-w-1 { + stroke-width: 1px; + } + + .md\:stroke-w-2 { + stroke-width: 2px; + } + + .md\:stroke-w-3 { + stroke-width: 3px; + } + + .md\:stroke-w-4 { + stroke-width: 4px; + } + .md\:table-auto { table-layout: auto; } @@ -29965,6 +30025,26 @@ video { stroke: currentColor; } + .lg\:stroke-w-0 { + stroke-width: 0; + } + + .lg\:stroke-w-1 { + stroke-width: 1px; + } + + .lg\:stroke-w-2 { + stroke-width: 2px; + } + + .lg\:stroke-w-3 { + stroke-width: 3px; + } + + .lg\:stroke-w-4 { + stroke-width: 4px; + } + .lg\:table-auto { table-layout: auto; } @@ -37701,6 +37781,26 @@ video { stroke: currentColor; } + .xl\:stroke-w-0 { + stroke-width: 0; + } + + .xl\:stroke-w-1 { + stroke-width: 1px; + } + + .xl\:stroke-w-2 { + stroke-width: 2px; + } + + .xl\:stroke-w-3 { + stroke-width: 3px; + } + + .xl\:stroke-w-4 { + stroke-width: 4px; + } + .xl\:table-auto { table-layout: auto; } diff --git a/__tests__/plugins/strokeWidth.test.js b/__tests__/plugins/strokeWidth.test.js new file mode 100644 index 000000000..ade28e528 --- /dev/null +++ b/__tests__/plugins/strokeWidth.test.js @@ -0,0 +1,57 @@ +import _ from 'lodash' +import escapeClassName from '../../src/util/escapeClassName' +import plugin from '../../src/plugins/strokeWidth' + +test('the width of the stroke to be applied to the shape', () => { + const addedUtilities = [] + + const config = { + theme: { + strokeWidth: { + '0': '0', + '1': '1px', + '2': '2px', + '3': '3px', + '4': '4px', + }, + }, + variants: { + strokeWidth: ['responsive'], + }, + } + + const getConfigValue = (path, defaultValue) => _.get(config, path, defaultValue) + const pluginApi = { + config: getConfigValue, + e: escapeClassName, + theme: (path, defaultValue) => getConfigValue(`theme.${path}`, defaultValue), + variants: (path, defaultValue) => { + if (_.isArray(config.variants)) { + return config.variants + } + + return getConfigValue(`variants.${path}`, defaultValue) + }, + addUtilities(utilities, variants) { + addedUtilities.push({ + utilities, + variants, + }) + }, + } + + plugin()(pluginApi) + + expect(addedUtilities).toEqual([ + { + utilities: { + '.stroke-w-0': { 'stroke-width': '0' }, + '.stroke-w-1': { 'stroke-width': '1px' }, + '.stroke-w-2': { 'stroke-width': '2px' }, + '.stroke-w-3': { 'stroke-width': '3px' }, + '.stroke-w-4': { 'stroke-width': '4px' }, + }, + variants: ['responsive'], + }, + ]) +}) diff --git a/src/corePlugins.js b/src/corePlugins.js index b0bf35235..a0fdb5d13 100644 --- a/src/corePlugins.js +++ b/src/corePlugins.js @@ -50,6 +50,7 @@ import resize from './plugins/resize' import boxShadow from './plugins/boxShadow' import fill from './plugins/fill' import stroke from './plugins/stroke' +import strokeWidth from './plugins/strokeWidth' import tableLayout from './plugins/tableLayout' import textAlign from './plugins/textAlign' import textColor from './plugins/textColor' @@ -123,6 +124,7 @@ export default function({ corePlugins: corePluginConfig }) { boxShadow, fill, stroke, + strokeWidth, tableLayout, textAlign, textColor, diff --git a/src/plugins/strokeWidth.js b/src/plugins/strokeWidth.js new file mode 100644 index 000000000..05a02a56a --- /dev/null +++ b/src/plugins/strokeWidth.js @@ -0,0 +1,19 @@ +import _ from 'lodash' +import flattenColorPalette from '../util/flattenColorPalette' + +export default function() { + return function({ addUtilities, e, theme, variants }) { + const utilities = _.fromPairs( + _.map(flattenColorPalette(theme('strokeWidth')), (value, modifier) => { + return [ + `.${e(`stroke-w-${modifier}`)}`, + { + 'stroke-width': value, + }, + ] + }) + ) + + addUtilities(utilities, variants('strokeWidth')) + } +} diff --git a/stubs/defaultConfig.stub.js b/stubs/defaultConfig.stub.js index 193ab03fe..23609fd41 100644 --- a/stubs/defaultConfig.stub.js +++ b/stubs/defaultConfig.stub.js @@ -375,6 +375,13 @@ module.exports = { stroke: { current: 'currentColor', }, + strokeWidth: { + '0': '0', + '1': '1px', + '2': '2px', + '3': '3px', + '4': '4px', + }, textColor: theme => theme('colors'), width: theme => ({ auto: 'auto', @@ -473,6 +480,7 @@ module.exports = { position: ['responsive'], resize: ['responsive'], stroke: ['responsive'], + strokeWidth: ['responsive'], tableLayout: ['responsive'], textAlign: ['responsive'], textColor: ['responsive', 'hover', 'focus'], From a5fb2dfc17579f8b54eefb78fe524af3d59181b8 Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Mon, 30 Dec 2019 09:18:00 -0500 Subject: [PATCH 2/4] Change `stroke-w-{size}` to `stroke-{size}` --- .../fixtures/tailwind-output-important.css | 50 +++++++++---------- __tests__/fixtures/tailwind-output.css | 50 +++++++++---------- src/plugins/strokeWidth.js | 7 ++- 3 files changed, 53 insertions(+), 54 deletions(-) diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css index 41f96a257..cfaf9f7cd 100644 --- a/__tests__/fixtures/tailwind-output-important.css +++ b/__tests__/fixtures/tailwind-output-important.css @@ -6861,23 +6861,23 @@ video { stroke: currentColor !important; } -.stroke-w-0 { +.stroke-0 { stroke-width: 0 !important; } -.stroke-w-1 { +.stroke-1 { stroke-width: 1px !important; } -.stroke-w-2 { +.stroke-2 { stroke-width: 2px !important; } -.stroke-w-3 { +.stroke-3 { stroke-width: 3px !important; } -.stroke-w-4 { +.stroke-4 { stroke-width: 4px !important; } @@ -16231,23 +16231,23 @@ video { stroke: currentColor !important; } - .sm\:stroke-w-0 { + .sm\:stroke-0 { stroke-width: 0 !important; } - .sm\:stroke-w-1 { + .sm\:stroke-1 { stroke-width: 1px !important; } - .sm\:stroke-w-2 { + .sm\:stroke-2 { stroke-width: 2px !important; } - .sm\:stroke-w-3 { + .sm\:stroke-3 { stroke-width: 3px !important; } - .sm\:stroke-w-4 { + .sm\:stroke-4 { stroke-width: 4px !important; } @@ -25602,23 +25602,23 @@ video { stroke: currentColor !important; } - .md\:stroke-w-0 { + .md\:stroke-0 { stroke-width: 0 !important; } - .md\:stroke-w-1 { + .md\:stroke-1 { stroke-width: 1px !important; } - .md\:stroke-w-2 { + .md\:stroke-2 { stroke-width: 2px !important; } - .md\:stroke-w-3 { + .md\:stroke-3 { stroke-width: 3px !important; } - .md\:stroke-w-4 { + .md\:stroke-4 { stroke-width: 4px !important; } @@ -34973,23 +34973,23 @@ video { stroke: currentColor !important; } - .lg\:stroke-w-0 { + .lg\:stroke-0 { stroke-width: 0 !important; } - .lg\:stroke-w-1 { + .lg\:stroke-1 { stroke-width: 1px !important; } - .lg\:stroke-w-2 { + .lg\:stroke-2 { stroke-width: 2px !important; } - .lg\:stroke-w-3 { + .lg\:stroke-3 { stroke-width: 3px !important; } - .lg\:stroke-w-4 { + .lg\:stroke-4 { stroke-width: 4px !important; } @@ -44344,23 +44344,23 @@ video { stroke: currentColor !important; } - .xl\:stroke-w-0 { + .xl\:stroke-0 { stroke-width: 0 !important; } - .xl\:stroke-w-1 { + .xl\:stroke-1 { stroke-width: 1px !important; } - .xl\:stroke-w-2 { + .xl\:stroke-2 { stroke-width: 2px !important; } - .xl\:stroke-w-3 { + .xl\:stroke-3 { stroke-width: 3px !important; } - .xl\:stroke-w-4 { + .xl\:stroke-4 { stroke-width: 4px !important; } diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css index f225bc6ad..cb1c19e73 100644 --- a/__tests__/fixtures/tailwind-output.css +++ b/__tests__/fixtures/tailwind-output.css @@ -6861,23 +6861,23 @@ video { stroke: currentColor; } -.stroke-w-0 { +.stroke-0 { stroke-width: 0; } -.stroke-w-1 { +.stroke-1 { stroke-width: 1px; } -.stroke-w-2 { +.stroke-2 { stroke-width: 2px; } -.stroke-w-3 { +.stroke-3 { stroke-width: 3px; } -.stroke-w-4 { +.stroke-4 { stroke-width: 4px; } @@ -16231,23 +16231,23 @@ video { stroke: currentColor; } - .sm\:stroke-w-0 { + .sm\:stroke-0 { stroke-width: 0; } - .sm\:stroke-w-1 { + .sm\:stroke-1 { stroke-width: 1px; } - .sm\:stroke-w-2 { + .sm\:stroke-2 { stroke-width: 2px; } - .sm\:stroke-w-3 { + .sm\:stroke-3 { stroke-width: 3px; } - .sm\:stroke-w-4 { + .sm\:stroke-4 { stroke-width: 4px; } @@ -25602,23 +25602,23 @@ video { stroke: currentColor; } - .md\:stroke-w-0 { + .md\:stroke-0 { stroke-width: 0; } - .md\:stroke-w-1 { + .md\:stroke-1 { stroke-width: 1px; } - .md\:stroke-w-2 { + .md\:stroke-2 { stroke-width: 2px; } - .md\:stroke-w-3 { + .md\:stroke-3 { stroke-width: 3px; } - .md\:stroke-w-4 { + .md\:stroke-4 { stroke-width: 4px; } @@ -34973,23 +34973,23 @@ video { stroke: currentColor; } - .lg\:stroke-w-0 { + .lg\:stroke-0 { stroke-width: 0; } - .lg\:stroke-w-1 { + .lg\:stroke-1 { stroke-width: 1px; } - .lg\:stroke-w-2 { + .lg\:stroke-2 { stroke-width: 2px; } - .lg\:stroke-w-3 { + .lg\:stroke-3 { stroke-width: 3px; } - .lg\:stroke-w-4 { + .lg\:stroke-4 { stroke-width: 4px; } @@ -44344,23 +44344,23 @@ video { stroke: currentColor; } - .xl\:stroke-w-0 { + .xl\:stroke-0 { stroke-width: 0; } - .xl\:stroke-w-1 { + .xl\:stroke-1 { stroke-width: 1px; } - .xl\:stroke-w-2 { + .xl\:stroke-2 { stroke-width: 2px; } - .xl\:stroke-w-3 { + .xl\:stroke-3 { stroke-width: 3px; } - .xl\:stroke-w-4 { + .xl\:stroke-4 { stroke-width: 4px; } diff --git a/src/plugins/strokeWidth.js b/src/plugins/strokeWidth.js index 05a02a56a..79db44fcd 100644 --- a/src/plugins/strokeWidth.js +++ b/src/plugins/strokeWidth.js @@ -1,14 +1,13 @@ import _ from 'lodash' -import flattenColorPalette from '../util/flattenColorPalette' export default function() { return function({ addUtilities, e, theme, variants }) { const utilities = _.fromPairs( - _.map(flattenColorPalette(theme('strokeWidth')), (value, modifier) => { + _.map(theme('strokeWidth'), (value, modifier) => { return [ - `.${e(`stroke-w-${modifier}`)}`, + `.${e(`stroke-${modifier}`)}`, { - 'stroke-width': value, + strokeWidth: value, }, ] }) From 5187825ba7aa99782362ae36c3372deed9348209 Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Mon, 30 Dec 2019 09:18:47 -0500 Subject: [PATCH 3/4] Remove 3px and 4px stroke widths from default config --- .../fixtures/tailwind-output-important.css | 40 ------------------- __tests__/fixtures/tailwind-output.css | 40 ------------------- stubs/defaultConfig.stub.js | 4 +- 3 files changed, 1 insertion(+), 83 deletions(-) diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css index cfaf9f7cd..7e5ec4613 100644 --- a/__tests__/fixtures/tailwind-output-important.css +++ b/__tests__/fixtures/tailwind-output-important.css @@ -6873,14 +6873,6 @@ video { stroke-width: 2px !important; } -.stroke-3 { - stroke-width: 3px !important; -} - -.stroke-4 { - stroke-width: 4px !important; -} - .table-auto { table-layout: auto !important; } @@ -16243,14 +16235,6 @@ video { stroke-width: 2px !important; } - .sm\:stroke-3 { - stroke-width: 3px !important; - } - - .sm\:stroke-4 { - stroke-width: 4px !important; - } - .sm\:table-auto { table-layout: auto !important; } @@ -25614,14 +25598,6 @@ video { stroke-width: 2px !important; } - .md\:stroke-3 { - stroke-width: 3px !important; - } - - .md\:stroke-4 { - stroke-width: 4px !important; - } - .md\:table-auto { table-layout: auto !important; } @@ -34985,14 +34961,6 @@ video { stroke-width: 2px !important; } - .lg\:stroke-3 { - stroke-width: 3px !important; - } - - .lg\:stroke-4 { - stroke-width: 4px !important; - } - .lg\:table-auto { table-layout: auto !important; } @@ -44356,14 +44324,6 @@ video { stroke-width: 2px !important; } - .xl\:stroke-3 { - stroke-width: 3px !important; - } - - .xl\:stroke-4 { - stroke-width: 4px !important; - } - .xl\:table-auto { table-layout: auto !important; } diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css index cb1c19e73..eb5e0c67b 100644 --- a/__tests__/fixtures/tailwind-output.css +++ b/__tests__/fixtures/tailwind-output.css @@ -6873,14 +6873,6 @@ video { stroke-width: 2px; } -.stroke-3 { - stroke-width: 3px; -} - -.stroke-4 { - stroke-width: 4px; -} - .table-auto { table-layout: auto; } @@ -16243,14 +16235,6 @@ video { stroke-width: 2px; } - .sm\:stroke-3 { - stroke-width: 3px; - } - - .sm\:stroke-4 { - stroke-width: 4px; - } - .sm\:table-auto { table-layout: auto; } @@ -25614,14 +25598,6 @@ video { stroke-width: 2px; } - .md\:stroke-3 { - stroke-width: 3px; - } - - .md\:stroke-4 { - stroke-width: 4px; - } - .md\:table-auto { table-layout: auto; } @@ -34985,14 +34961,6 @@ video { stroke-width: 2px; } - .lg\:stroke-3 { - stroke-width: 3px; - } - - .lg\:stroke-4 { - stroke-width: 4px; - } - .lg\:table-auto { table-layout: auto; } @@ -44356,14 +44324,6 @@ video { stroke-width: 2px; } - .xl\:stroke-3 { - stroke-width: 3px; - } - - .xl\:stroke-4 { - stroke-width: 4px; - } - .xl\:table-auto { table-layout: auto; } diff --git a/stubs/defaultConfig.stub.js b/stubs/defaultConfig.stub.js index 4a5c005f0..4e6309b14 100644 --- a/stubs/defaultConfig.stub.js +++ b/stubs/defaultConfig.stub.js @@ -369,11 +369,9 @@ module.exports = { current: 'currentColor', }, strokeWidth: { - '0': '0', + '0': '0', '1': '1px', '2': '2px', - '3': '3px', - '4': '4px', }, textColor: theme => theme('colors'), width: theme => ({ From bbe23fdba2adb013b6e3f8ac5fa5192226f4241f Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Mon, 30 Dec 2019 09:20:28 -0500 Subject: [PATCH 4/4] Remove units from stroke width --- .../fixtures/tailwind-output-important.css | 20 +++++++++---------- __tests__/fixtures/tailwind-output.css | 20 +++++++++---------- stubs/defaultConfig.stub.js | 4 ++-- 3 files changed, 22 insertions(+), 22 deletions(-) diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css index 7e5ec4613..880a08ed7 100644 --- a/__tests__/fixtures/tailwind-output-important.css +++ b/__tests__/fixtures/tailwind-output-important.css @@ -6866,11 +6866,11 @@ video { } .stroke-1 { - stroke-width: 1px !important; + stroke-width: 1 !important; } .stroke-2 { - stroke-width: 2px !important; + stroke-width: 2 !important; } .table-auto { @@ -16228,11 +16228,11 @@ video { } .sm\:stroke-1 { - stroke-width: 1px !important; + stroke-width: 1 !important; } .sm\:stroke-2 { - stroke-width: 2px !important; + stroke-width: 2 !important; } .sm\:table-auto { @@ -25591,11 +25591,11 @@ video { } .md\:stroke-1 { - stroke-width: 1px !important; + stroke-width: 1 !important; } .md\:stroke-2 { - stroke-width: 2px !important; + stroke-width: 2 !important; } .md\:table-auto { @@ -34954,11 +34954,11 @@ video { } .lg\:stroke-1 { - stroke-width: 1px !important; + stroke-width: 1 !important; } .lg\:stroke-2 { - stroke-width: 2px !important; + stroke-width: 2 !important; } .lg\:table-auto { @@ -44317,11 +44317,11 @@ video { } .xl\:stroke-1 { - stroke-width: 1px !important; + stroke-width: 1 !important; } .xl\:stroke-2 { - stroke-width: 2px !important; + stroke-width: 2 !important; } .xl\:table-auto { diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css index eb5e0c67b..025a7a0a2 100644 --- a/__tests__/fixtures/tailwind-output.css +++ b/__tests__/fixtures/tailwind-output.css @@ -6866,11 +6866,11 @@ video { } .stroke-1 { - stroke-width: 1px; + stroke-width: 1; } .stroke-2 { - stroke-width: 2px; + stroke-width: 2; } .table-auto { @@ -16228,11 +16228,11 @@ video { } .sm\:stroke-1 { - stroke-width: 1px; + stroke-width: 1; } .sm\:stroke-2 { - stroke-width: 2px; + stroke-width: 2; } .sm\:table-auto { @@ -25591,11 +25591,11 @@ video { } .md\:stroke-1 { - stroke-width: 1px; + stroke-width: 1; } .md\:stroke-2 { - stroke-width: 2px; + stroke-width: 2; } .md\:table-auto { @@ -34954,11 +34954,11 @@ video { } .lg\:stroke-1 { - stroke-width: 1px; + stroke-width: 1; } .lg\:stroke-2 { - stroke-width: 2px; + stroke-width: 2; } .lg\:table-auto { @@ -44317,11 +44317,11 @@ video { } .xl\:stroke-1 { - stroke-width: 1px; + stroke-width: 1; } .xl\:stroke-2 { - stroke-width: 2px; + stroke-width: 2; } .xl\:table-auto { diff --git a/stubs/defaultConfig.stub.js b/stubs/defaultConfig.stub.js index 4e6309b14..b9d34e9ab 100644 --- a/stubs/defaultConfig.stub.js +++ b/stubs/defaultConfig.stub.js @@ -370,8 +370,8 @@ module.exports = { }, strokeWidth: { '0': '0', - '1': '1px', - '2': '2px', + '1': '1', + '2': '2', }, textColor: theme => theme('colors'), width: theme => ({