40 lines
714 B
JavaScript
40 lines
714 B
JavaScript
|
import { css, quickPluginTest } from '../util/run'
|
||
|
|
|
||
|
|
quickPluginTest('backgroundPosition', {
|
||
|
|
safelist: [
|
||
|
|
// Arbitrary values
|
||
|
|
'bg-[50%_25%]',
|
||
|
|
],
|
||
|
|
}).toMatchFormattedCss(css`
|
||
|
|
.bg-\[50\%_25\%\] {
|
||
|
|
background-position: 50% 25%;
|
||
|
|
}
|
||
|
|
.bg-bottom {
|
||
|
|
background-position: bottom;
|
||
|
|
}
|
||
|
|
.bg-center {
|
||
|
|
background-position: center;
|
||
|
|
}
|
||
|
|
.bg-left {
|
||
|
|
background-position: 0;
|
||
|
|
}
|
||
|
|
.bg-left-bottom {
|
||
|
|
background-position: 0 100%;
|
||
|
|
}
|
||
|
|
.bg-left-top {
|
||
|
|
background-position: 0 0;
|
||
|
|
}
|
||
|
|
.bg-right {
|
||
|
|
background-position: 100%;
|
||
|
|
}
|
||
|
|
.bg-right-bottom {
|
||
|
|
background-position: 100% 100%;
|
||
|
|
}
|
||
|
|
.bg-right-top {
|
||
|
|
background-position: 100% 0;
|
||
|
|
}
|
||
|
|
.bg-top {
|
||
|
|
background-position: top;
|
||
|
|
}
|
||
|
|
`)
|