59 lines
959 B
JavaScript
59 lines
959 B
JavaScript
|
import { css, quickPluginTest } from '../util/run'
|
||
|
|
|
||
|
|
quickPluginTest('gridColumnEnd', {
|
||
|
|
safelist: [
|
||
|
|
// Arbitrary avlues
|
||
|
|
'col-end-[123]',
|
||
|
|
'col-end-[var(--my-value)]',
|
||
|
|
],
|
||
|
|
}).toMatchFormattedCss(css`
|
||
|
|
.col-end-1 {
|
||
|
|
grid-column-end: 1;
|
||
|
|
}
|
||
|
|
.col-end-10 {
|
||
|
|
grid-column-end: 10;
|
||
|
|
}
|
||
|
|
.col-end-11 {
|
||
|
|
grid-column-end: 11;
|
||
|
|
}
|
||
|
|
.col-end-12 {
|
||
|
|
grid-column-end: 12;
|
||
|
|
}
|
||
|
|
.col-end-13 {
|
||
|
|
grid-column-end: 13;
|
||
|
|
}
|
||
|
|
.col-end-2 {
|
||
|
|
grid-column-end: 2;
|
||
|
|
}
|
||
|
|
.col-end-3 {
|
||
|
|
grid-column-end: 3;
|
||
|
|
}
|
||
|
|
.col-end-4 {
|
||
|
|
grid-column-end: 4;
|
||
|
|
}
|
||
|
|
.col-end-5 {
|
||
|
|
grid-column-end: 5;
|
||
|
|
}
|
||
|
|
.col-end-6 {
|
||
|
|
grid-column-end: 6;
|
||
|
|
}
|
||
|
|
.col-end-7 {
|
||
|
|
grid-column-end: 7;
|
||
|
|
}
|
||
|
|
.col-end-8 {
|
||
|
|
grid-column-end: 8;
|
||
|
|
}
|
||
|
|
.col-end-9 {
|
||
|
|
grid-column-end: 9;
|
||
|
|
}
|
||
|
|
.col-end-\[123\] {
|
||
|
|
grid-column-end: 123;
|
||
|
|
}
|
||
|
|
.col-end-\[var\(--my-value\)\] {
|
||
|
|
grid-column-end: var(--my-value);
|
||
|
|
}
|
||
|
|
.col-end-auto {
|
||
|
|
grid-column-end: auto;
|
||
|
|
}
|
||
|
|
`)
|