Css

Search

Styling based on parent state

<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>

Comment

PREVIOUS	NEXT

Code Example
Css :: bootstrap quebra de linha na tabela
Css :: image with colored background html css tigether
Css :: jitsi meet index.html add css version
Css :: how to reduce the size of png image in css
Css :: mat-form-field textarea save with new line
Css :: Image not rendering in tailwind css
Css :: css debugger
Css :: next day 2pm delivery countdown timer script
Css :: animacion de gota css
Css :: hide the default tooltip behaviour from safari
Css :: css every other element than self
Css :: scss multiple classes same style
Css :: csshx iterm2
Css :: overwrite safari dropdown css
Css :: ul hide bullet css
Css :: css reszponzív weboldal
Css :: remove bullet list css
Css :: How to change textsize recta native
Css :: css apply class
Css :: css multyple transition peoperty same class
Css :: CSS menu list with underline hover animation
Css :: css ninja
Css :: css fade div
Css :: All Stylesheet Media Types
Css :: scss font color
Typescript :: running scripts is disabled on this system nodemon
Typescript :: npm uninstall all
Typescript :: its is me dio
Typescript :: python requests firefox headers
Typescript :: Create an ordered list of the top 3 things cats hate the most.

Search

CSS

Styling based on parent state

ADD CONTENT