'background-color': '#F8FAFC', border: '1px solid #E2E8F0', padding: ' 1rem 1.5rem', gap: '0.5rem', 'border-radius': '0.5rem', margin: '1rem 0', 'word-break': 'break-word', }, 'div[data-node-type="callout-emoji"]': { ...
border-radius: 20px; } .ask-popup-header { @apply mb-4 flex items-center justify-between; } .ask-popup-close { @apply rounded-md bg-neutral-200 p-1.5 focus:outline-none; svg { @apply h-6 w-6; } &:hover { @apply text-black; } } .ask-popup-title { @apply text-xl font-no...
https://tailwindcss.com/docs/hover-focus-and-other-states#disabled Copy
inside the border of an element above the background color below the content We specified 5 values when setting the box-shadow CSS property. index.html option:checked, option:hover { box-shadow: 0 0 10px 100px #4ddc3b inset; } The values are: offset-x - the ...
.message { border: 1px solid black; } .info { font-size: 1.5rem; } .heads-up { @extend .message.info; } To fix this issue, avoid more confusion, and keep the implementation clean and efficient the ability to extend compound selectors is unsupported in Dart Sass and will be removed ...
border: 1px solid #E5E7EB; color: #1F2A37; transition: background-color .7s; transition: background-color .4s; } .white:hover { 2 changes: 1 addition & 1 deletion 2 src/components/basic/link/index.module.css Original file line numberDiff line numberDiff line change @@ -10,7 +10,...
"border-gray-900 dark:border-gray-50 rounded-md border p-4 text-gray-900 dark:text-gray-50 hover:text-brand-650 dark:hover:text-brand-500", isNext && "text-right", className, )} 2 changes: 1 addition & 1 deletion 2 src/theme/TOC/index.tsx @@ -14,7 +14,7 @@ export default...
- 💨 [Tailwind CSS](https://tailwindcss.com/): Utility-first CSS framework for rapid UI development. - 💎 [Shadcn UI](https://shadcn.dev/): UI components for React with a focus on accessibility. - TS [TypeScript](https://www.typescriptlang.org/): Superset of JavaScript adding ...
[Spring](https://img.shields.io/badge/spring-%236DB33F.svg?style=plastic&logo=spring&logoColor=white) ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=plastic&logo=tailwind-css&logoColor=white) ![Webpack](https://img.shields.io/badge/webpack-%238DD6F9.svg...
important; border: 1px solid rgba(60, 60, 60, 0.26) !important; color: black !important; margin-bottom: 0px !important; margin-right: 5px !important; } .multiselect__tag-icon:after { color: rgba(60, 60, 60, 0.5) !important; } .multiselect__tag-icon:focus, .multiselect__tag-icon...