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

Add negative space utility support

Browse source
This commit is contained in:
Adam Wathan 2020-04-20 14:54:31 -04:00
parent 8df2cd57a0
commit b3b06e8d55
5 changed files with 461 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/plugins/space.js
View file

@ -1,15 +1,16 @@
import _ from 'lodash'
import prefixNegativeModifiers from '../util/prefixNegativeModifiers'
export default function() {
return function({ addUtilities, e, theme, variants }) {
const generators = [
(size, modifier) => ({
[`.${e(`space-y-${modifier}`)} > :not(template) ~ :not(template)`]: {
[`.${e(prefixNegativeModifiers('space-y', modifier))} > :not(template) ~ :not(template)`]: {
'--space-y-reverse': '0',
'margin-top': `calc(${size} * calc(1 - var(--space-y-reverse)))`,
'margin-bottom': `calc(${size} * var(--space-y-reverse))`,
},
[`.${e(`space-x-${modifier}`)} > :not(template) ~ :not(template)`]: {
[`.${e(prefixNegativeModifiers('space-x', modifier))} > :not(template) ~ :not(template)`]: {
'--space-x-reverse': '0',
'margin-right': `calc(${size} * var(--space-y-reverse))`,
'margin-left': `calc(${size} * calc(1 - var(--space-y-reverse)))`,