mirror of
https://github.com/tailwindlabs/tailwindcss.git
synced 2025-12-08 21:36:08 +00:00
9e34619dd6
* ensure we use `npm@7` for older versions of Node.js This is important so that we can guarantee that `workspaces` are supported which we depend on right now (just for install purposes). * tmp: trigger CI build (GitHub is doing funky things and not working right now) * drop Node.js 12 from Node.js CI workflow * focus on Node.js 16 for now * Revert "tmp: trigger CI build (GitHub is doing funky things and not working right now)" This reverts commit a3deed472da498f8a52404b2e8ccbc16f0e93101. * WIP * Add support for logical properties in inline direction * Add scroll-margin/scroll-padding utilities * Update CHANGELOG * Rename inset-s/e to start/end * Update sort order in test * Use logical properties for space/divide in Oxide * run non-oxide and OXIDE tests + fix oxide version tests * drop oxide specific test job The normal `npm run test` will already include the non-oxide and oxide version when running tests. Co-authored-by: Robin Malfait <malfait.robin@gmail.com> Co-authored-by: Adam Wathan <4323180+adamwathan@users.noreply.github.com>
83 lines
3.1 KiB
HTML
83 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<link rel="icon" href="/favicon.ico" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Title</title>
|
|
<link rel="stylesheet" href="./tailwind.css" />
|
|
</head>
|
|
<body>
|
|
<div class="range:text-right multi:text-left"></div>
|
|
<div
|
|
class="container hover:container sm:container md:container text-center sm:text-center md:text-center"
|
|
></div>
|
|
<div class="grid-cols-[200px,repeat(auto-fill,minmax(15%,100px)),300px]"></div>
|
|
<div class="test-apply-font-variant"></div>
|
|
<div class="mt-6 mx-1 ms-4 me-8"></div>
|
|
<div class="pt-6 px-1 ps-4 pe-8"></div>
|
|
<div class="inset-6 inset-x-1 start-4 end-8"></div>
|
|
<div class="border-2 border-s-0 border-e-4"></div>
|
|
<div class="border-black border-s-green-500 border-e-red-400"></div>
|
|
<div class="rounded-s rounded-e rounded-ss rounded-es"></div>
|
|
<div class="bg-black"></div>
|
|
<div class="md:hover:border-r-blue-500/30"></div>
|
|
<div class="custom-util"></div>
|
|
<div class="hover:custom-util"></div>
|
|
<div class="group-hover:custom-util"></div>
|
|
<div class="foo:custom-util"></div>
|
|
<div class="foo:hover:custom-util"></div>
|
|
<div class="sm:custom-util"></div>
|
|
<div class="dark:custom-util"></div>
|
|
<div class="motion-safe:custom-util"></div>
|
|
<div class="md:dark:motion-safe:foo:active:custom-util"></div>
|
|
<div class="aspect-w-1 aspect-h-2"></div>
|
|
<div class="aspect-w-3 aspect-h-4"></div>
|
|
<div class="magic-none magic-tons"></div>
|
|
<div class="focus:font-normal"></div>
|
|
<div class="font-medium"></div>
|
|
<div class="bg-gradient-to-r from-foo"></div>
|
|
<div class="custom-component custom-util"></div>
|
|
<div class="bg-opacity-50"></div>
|
|
<div class="focus:ring-2 focus:ring-blue-500"></div>
|
|
<div class="hover:font-bold"></div>
|
|
<div class="disabled:font-bold"></div>
|
|
<div class="focus:hover:font-light"></div>
|
|
<div class="first:pt-0"></div>
|
|
<div class="container"></div>
|
|
<div class="bg-hero--home-1"></div>
|
|
<div class="group-hover:opacity-100"></div>
|
|
<div class="group-active:opacity-10"></div>
|
|
<div class="sm:motion-safe:group-active:focus:opacity-10"></div>
|
|
<div class="motion-safe:transition"></div>
|
|
<div class="motion-reduce:transition"></div>
|
|
<div class="md:motion-safe:hover:transition"></div>
|
|
<div class="md:sm:text-center shadow-sm md:shadow-sm"></div>
|
|
<div class="md:sm:text-center shadow-sm md:shadow-sm"></div>
|
|
<div class="bg-green-500 md:opacity-50 md:hover:opacity-20 sm:tabular-nums"></div>
|
|
<div class="text-center shadow-md hover:shadow-lg transform scale-50 hover:scale-75"></div>
|
|
</body>
|
|
</html>
|
|
|
|
<script>
|
|
defineComponent({
|
|
name: 'HelloWorld',
|
|
props: {
|
|
msg: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
things: Array /* PropType<string[]> */,
|
|
},
|
|
setup: () => {
|
|
const count = ref(0)
|
|
// Weird regex-looking stuff that once caused a stack overflow in candidatePermutations
|
|
const pattern = ' ]-[] '
|
|
return {
|
|
count,
|
|
stuff: [] /* string[] | undefined */,
|
|
}
|
|
},
|
|
})
|
|
</script>
|