Styling based on parent state

Funny Finch answered on July 3, 2022 Popularity 3/10 Helpfulness 1/10

answer Styling based on parent state

Styling based on parent state

Comment

<a href="#" class="group block max-w-xs mx-auto rounded-lg p-6 bg-white ring-1 ring-slate-900/5 shadow-lg space-y-3 hover:bg-sky-500 hover:ring-sky-500">
  <div class="flex items-center space-x-3">
    <svg class="h-6 w-6 stroke-sky-500 group-hover:stroke-white" fill="none" viewBox="0 0 24 24"><!-- ... --></svg>
    <h3 class="text-slate-900 group-hover:text-white text-sm font-semibold">New project</h3>
  </div>
  <p class="text-slate-500 group-hover:text-white text-sm">Create a new project from a variety of starting templates.</p>
</a>

Popularity 3/10 Helpfulness 1/10 Language css

Source: tailwindcss.com

Tags: css parent state styling

Link to this answer
Share Copy Link

Contributed on Jul 03 2022

Funny Finch

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

Styling based on parent state

Contents

More Related Answers

Styling based on parent state

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.