<a href="#" class="text-gray-300 hover:bg-gray-700 hover:text-white rounded-md px-3 py-2 text-sm font-medium">Team</a> <a href="#" class="text-gray-300 hover:bg-gray-700 hover:text-white rounded-md px-3 py-2 text-sm font-medium">Projects</a> <a href="#" class="text...
shouldImport(`@import "tailwindcss/preflight";`), qt.Equals, false) } func TestImportResolver(t *testing.T) { c := qt.New(t) fs := afero.NewMemMapFs() Expand Down Expand Up @@ -95,7 +105,7 @@ LOCAL_STYLE imp := newImportResolver( mainStyles, "styles.css", Options{}, ...
Whereas it is very easy to use things like x-data with local data within a component itself (e.g., <div x-data="{ open: false }">), given the size of the demos project as a whole (now and in future), I decided to handle and store most of the Alpine.js stuff in a main.js...
local-ssl-proxy --hostname 127.0.0.1 --source 8010 --target 8000 --cert localhost.pem --key localhost-key.pemNow, if you go back to the Home story, you won’t see your Laravel app in there just yet. Just one more quick step to take: Open the Entry configuration {1} and set the...
Notice that you need to runnpm run devagain, or havenpm run watchin the background, so Tailwind would re-compile all the classes that are used in Blade files, likem-4in our case. This is the visual result: When we click that link, we land on the URL/tasks/create, which corresponds...
<div className="relative flex h-[60px] items-center justify-between text-sm font-semibold leading-6 text-slate-700 dark:text-slate-200"> <Link href="/"> <span className="sr-only">Tailwind CSS home page</span> <Logo className="h-5 w-auto" /> </Link> <div className="flex items-...
.env.local .env.development.local .env.test.local .env.production.local npm-debug.log* yarn-debug.log* yarn-error.log* 70 changes: 70 additions & 0 deletions 70 README.md Original file line numberDiff line numberDiff line change @@ -0,0 +1,70 @@ # Getting Started with Create Reac...
@tailwind components; @tailwind utilities; * { font-family: "Inter", sans-serif; } @media screen and (min-width: 480px) { .card:nth-child(7n + 1) { grid-column: auto/span 2; grid-row: auto/span 2; } } .prompt::-webkit-scrollbar { width: 5px; } .prompt::-webkit-scrollbar...
<img src="https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white" /> </div> ### Noções: <div> <img src="https://img.shields.io/badge/MySQL-00000F?style=for-the-badge&logo=mysql&logoColor=white" /> <img src="https:/...
If copying over, you might need to add back the `prose-dark` class to components that opt into tailwind typography styling. Do modify the font import in the root layout component to use the desired font of choice. Changes to the MDX processing pipeline and schema can be easily ported to...