Merge pull request #2925 from codecrafters-io/dependabot/npm_and_yarn/tailwindcss-4.1.11

chore(deps-dev): bump tailwindcss from 3.4.16 to 4.1.11

Author: VasylMarchuk

.eslintrc.js

@@ -72,7 +72,6 @@ module.exports = {
         './config/**/*.js',
         './lib/*/index.js',
         './server/**/*.js',
-        './postcss.config.js',
       ],
       parserOptions: {
         sourceType: 'script',

.github/workflows/test.yml

@@ -59,8 +59,6 @@ jobs:
       - run: npx ember --version
       - run: npx percy --version
 
-      - run: npm run tailwind:build
-
       - run: npx percy exec --quiet -- npx ember exam --silent --reporter=xunit --parallel=16 --load-balance --preserve-test-name | tee test-results.xml
         env:
           COVERAGE: true
@@ -142,5 +140,4 @@ jobs:
         if: steps.cache.outputs.cache-hit != 'true'
         run: npm ci --ignore-scripts
 
-      - run: npm run tailwind:build
       - run: npm run lint

.gitignore

@@ -2,9 +2,6 @@
 /dist/
 /declarations/
 
-# compiled tailwind output
-/app/styles/tailwind-compiled.css
-
 # dependencies
 /node_modules/
 
@@ -32,4 +29,4 @@
 
 .aider*
 .claude/
-.machtiani.ignore
+.machtiani.ignore

.stylelintrc.js

@@ -2,4 +2,7 @@
 
 module.exports = {
   extends: ['stylelint-config-standard', 'stylelint-prettier/recommended'],
+  rules: {
+    'selector-class-pattern': null,
+  },
 };

README.md

@@ -43,8 +43,8 @@ or against a local instance of `core`. Visit the `core` repo for setup instructi
   - Alternatively, append `?fastboot=false` query parameter to each request URL
 - Add `FASTBOOT_DISABLED=true` to your local `.env` file to disable FastBoot completely
   - You can override it by passing `FASTBOOT_DISABLED=""` in the command line
-- NPM tasks `start` and `start:ember` run with FastBoot **disabled**
-- NPM tasks `start:fastboot` and `start:ember:fastboot` run with FastBoot **enabled**
+- NPM task `start` runs with FastBoot **disabled**
+- NPM tasks `start:fastboot` runs with FastBoot **enabled**
 
 ## Running tests
 

app/.browserslistrc

@@ -0,0 +1 @@
+last 3 versions

app/app.js

@@ -4,6 +4,9 @@ import loadInitializers from 'ember-load-initializers';
 import config from 'codecrafters-frontend/config/environment';
 import * as Sentry from '@sentry/ember';
 import 'ember-basic-dropdown/styles';
+import 'ember-animated/index';
+import '@typeform/embed/build/css/popup.css';
+import 'codecrafters-frontend/tailwind.css';
 
 const sentryDSN = 'https://478cca7283ca40209deae5160b54ee4f@o294739.ingest.sentry.io/5922961';
 

app/components/affiliate-link-page/accept-referral-container.hbs

@@ -11,7 +11,7 @@
     {{else}}
       <AvatarImage
         @user={{@affiliateLink.user}}
-        class="w-16 h-16 border border-gray-300 shadow-sm group-hover:shadow mr-2 transition-shadow rounded-md"
+        class="w-16 h-16 border border-gray-300 shadow-xs group-hover:shadow-sm mr-2 transition-shadow rounded-md"
       />
     {{/if}}
 
@@ -29,7 +29,7 @@
 
   <div class="flex flex-col items-center">
     {{! Disabled buttons can be translucent, the added background makes them more visible }}
-    <div class="inline-flex bg-white dark:bg-gray-850 rounded">
+    <div class="inline-flex bg-white dark:bg-gray-850 rounded-sm">
       <AffiliateLinkPage::AcceptReferralButton @affiliateLink={{@affiliateLink}} @course={{@course}} />
     </div>
 

app/components/affiliate-link-page/hero-section.hbs

@@ -8,7 +8,7 @@
     <p class="text-lg text-gray-800">Stop letting advanced programming projects intimidate you. Start approaching them with the calm and confidence of
       a craftsman who has seen it before.</p>
 
-    <hr class="h-1 text-gray-200 my-5" />
+    <hr class="h-1 text-gray-200 mt-5 mb-5" />
     <p class="text-gray-600">On CodeCrafters, you’ll implement Git, SQLite, and BitTorrent from scratch, with your own hands. Once you realize that
       even complex projects are actually rather approachable, you’ll never be the same again.</p>
   </div>

app/components/affiliate-link-page/testimonial-list-item.hbs

@@ -1,22 +1,22 @@
-<div class="block py-4 pr-6 pl-4 group bg-white rounded border" ...attributes>
+<div class="block py-4 pr-6 pl-4 group bg-white rounded-sm border border-gray-200" ...attributes>
   <span class="flex">
     <span class="flex flex-col items-center mr-3 px-1">
-      <span class="w-px bg-gray-200 group-hover:bg-gray-300 flex-grow mb-2 transition-colors">
+      <span class="w-px bg-gray-200 group-hover:bg-gray-300 grow mb-2 transition-colors">
       </span>
       <span class="text-4xl text-indigo-400 leading-none font-bold h-5">
         &ldquo;
       </span>
-      <span class="w-px bg-gray-200 group-hover:bg-gray-300 flex-grow mb-2 transition-colors">
+      <span class="w-px bg-gray-200 group-hover:bg-gray-300 grow mb-2 transition-colors">
       </span>
     </span>
-    <span class="flex-grow flex flex-col">
-      <span class="text-gray-600 text-sm mb-2 leading-relaxed flex-grow">
+    <span class="grow flex flex-col">
+      <span class="text-gray-600 text-sm mb-2 leading-relaxed grow">
         {{@testimonial.text}}
       </span>
     </span>
   </span>
   <span class="flex items-start">
-    <img alt="avatar" src={{@testimonial.authorAvatarImage}} class="w-6 h-6 filter drop-shadow-sm ring-1 ring-white rounded-full shadow mr-3" />
+    <img alt="avatar" src={{@testimonial.authorAvatarImage}} class="w-6 h-6 filter drop-shadow-xs ring-1 ring-white rounded-full shadow-sm mr-3" />
     <span class="block mt-0.5">
       <span class="block text-gray-600 group-hover:underline text-sm transition-colors font-semibold mb-0.5">
         {{@testimonial.authorName}}