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

support negative prefix for box shadow and letter spacing

Browse Source
This commit is contained in:
AlexVipond 2019-06-27 19:44:38 -06:00
parent ca670f5a76
commit fd203a8906
3 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/plugins/boxShadow.js
View File

@ -1,4 +1,5 @@
import _ from 'lodash'
import prefixNegativeModifiers from '../util/prefixNegativeModifiers'
export default function() {
return function({ addUtilities, e, theme, variants }) {
@ -6,7 +7,7 @@ export default function() {
_.map(theme('boxShadow'), (value, modifier) => {
const className = modifier === 'default' ? 'shadow' : `shadow-${modifier}`
return [
`.${e(className)}`,
`.${e(prefixNegativeModifiers('shadow', modifier))}`,
{
'box-shadow': value,
},

3
src/plugins/letterSpacing.js
View File

@ -1,11 +1,12 @@
import _ from 'lodash'
import prefixNegativeModifiers from '../util/prefixNegativeModifiers'
export default function() {
return function({ addUtilities, theme, variants, e }) {
const utilities = _.fromPairs(
_.map(theme('letterSpacing'), (value, modifier) => {
return [
`.${e(`tracking-${modifier}`)}`,
`.${e(prefixNegativeModifiers('tracking', modifier))}`,
{
'letter-spacing': value,
},

6
src/util/prefixNegativeModifiers.js
View File

@ -1,5 +1,9 @@
import _ from 'lodash'
export default function prefixNegativeModifiers(base, modifier) {
return _.startsWith(modifier, '-') ? `-${base}-${modifier.slice(1)}` : `${base}-${modifier}`
return modifier === '-'
? `-${base}`
: _.startsWith(modifier, '-')
? `-${base}-${modifier.slice(1)}`
: `${base}-${modifier}`
}