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

Move clear to it's own plugin

Browse Source
This commit is contained in:
Adam Wathan 2019-12-27 09:27:18 -05:00
parent ee6241a3b7
commit ff4f4eb808
6 changed files with 135 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
__tests__/fixtures/tailwind-output-important.css
View File

@ -3657,6 +3657,18 @@ video {
clear: both !important;
}
.clear-left {
clear: left !important;
}
.clear-right {
clear: right !important;
}
.clear-both {
clear: both !important;
}
.font-sans {
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}
@ -12979,6 +12991,18 @@ video {
clear: both !important;
}
.sm\:clear-left {
clear: left !important;
}
.sm\:clear-right {
clear: right !important;
}
.sm\:clear-both {
clear: both !important;
}
.sm\:font-sans {
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}
@ -22302,6 +22326,18 @@ video {
clear: both !important;
}
.md\:clear-left {
clear: left !important;
}
.md\:clear-right {
clear: right !important;
}
.md\:clear-both {
clear: both !important;
}
.md\:font-sans {
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}
@ -31625,6 +31661,18 @@ video {
clear: both !important;
}
.lg\:clear-left {
clear: left !important;
}
.lg\:clear-right {
clear: right !important;
}
.lg\:clear-both {
clear: both !important;
}
.lg\:font-sans {
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}
@ -40948,6 +40996,18 @@ video {
clear: both !important;
}
.xl\:clear-left {
clear: left !important;
}
.xl\:clear-right {
clear: right !important;
}
.xl\:clear-both {
clear: both !important;
}
.xl\:font-sans {
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

60
__tests__/fixtures/tailwind-output.css
View File

@ -3657,6 +3657,18 @@ video {
clear: both;
}
.clear-left {
clear: left;
}
.clear-right {
clear: right;
}
.clear-both {
clear: both;
}
.font-sans {
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
@ -12979,6 +12991,18 @@ video {
clear: both;
}
.sm\:clear-left {
clear: left;
}
.sm\:clear-right {
clear: right;
}
.sm\:clear-both {
clear: both;
}
.sm\:font-sans {
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
@ -22302,6 +22326,18 @@ video {
clear: both;
}
.md\:clear-left {
clear: left;
}
.md\:clear-right {
clear: right;
}
.md\:clear-both {
clear: both;
}
.md\:font-sans {
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
@ -31625,6 +31661,18 @@ video {
clear: both;
}
.lg\:clear-left {
clear: left;
}
.lg\:clear-right {
clear: right;
}
.lg\:clear-both {
clear: both;
}
.lg\:font-sans {
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
@ -40948,6 +40996,18 @@ video {
clear: both;
}
.xl\:clear-left {
clear: left;
}
.xl\:clear-right {
clear: right;
}
.xl\:clear-both {
clear: both;
}
.xl\:font-sans {
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

2
src/corePlugins.js
View File

@ -26,6 +26,7 @@ import flexGrow from './plugins/flexGrow'
import flexShrink from './plugins/flexShrink'
import order from './plugins/order'
import float from './plugins/float'
import clear from './plugins/clear'
import fontFamily from './plugins/fontFamily'
import fontWeight from './plugins/fontWeight'
import height from './plugins/height'
@ -105,6 +106,7 @@ export default function({ corePlugins: corePluginConfig }) {
flexShrink,
order,
float,
clear,
fontFamily,
fontWeight,
height,

12
src/plugins/clear.js Normal file
View File

@ -0,0 +1,12 @@
export default function() {
return function({ addUtilities, variants }) {
addUtilities(
{
'.clear-left': { clear: 'left' },
'.clear-right': { clear: 'right' },
'.clear-both': { clear: 'both' },
},
variants('clear')
)
}
}

3
src/plugins/float.js
View File

@ -5,9 +5,6 @@ export default function() {
'.float-right': { float: 'right' },
'.float-left': { float: 'left' },
'.float-none': { float: 'none' },
'.clear-left': { clear: 'left' },
'.clear-right': { clear: 'right' },
'.clear-both': { clear: 'both' },
'.clearfix:after': {
content: '""',
display: 'table',

1
stubs/defaultConfig.stub.js
View File

@ -475,6 +475,7 @@ module.exports = {
flexShrink: ['responsive'],
flexWrap: ['responsive'],
float: ['responsive'],
clear: ['responsive'],
fontFamily: ['responsive'],
fontSize: ['responsive'],
fontSmoothing: ['responsive'],