d6f2fee279
Closes #1789 ### Changes - Converts stylesheet in js to css now that it doesn't use any runtime values - Removes fixed height on QA container, and instead sets a min height - Applies `contain: size` to page list & tab content so they don't cause the QA container to stretch - Also updates instances of `h-{n} w-{n}` to `size-{n}` - Removes leftover outlines on text and resource comparison areas from early QA prototyping
28 lines
528 B
JavaScript
28 lines
528 B
JavaScript
const plugin = require("tailwindcss/plugin");
|
|
module.exports = plugin(
|
|
({ matchUtilities, theme }) => {
|
|
matchUtilities(
|
|
{
|
|
contain: (value) => ({
|
|
contain: value,
|
|
}),
|
|
},
|
|
{ values: theme("contain") },
|
|
);
|
|
},
|
|
{
|
|
theme: {
|
|
contain: {
|
|
none: "none",
|
|
strict: "strict",
|
|
content: "content",
|
|
size: "size",
|
|
"inline-size": "inline-size",
|
|
layout: "layout",
|
|
style: "style",
|
|
paint: "paint",
|
|
},
|
|
},
|
|
},
|
|
);
|