src/tailwind.preset.js // // On iOS, the input font size must be at least 16px to prevent the // browser from zooming into it on touch. 'at-least-16px': 'max(16px, 100%)', Contributor acelaya Dec 3, 2024 Perhaps we could use a name which does not include the 16px...
@tailwind base; @tailwind components; @tailwind utilities; @font-face { font-family: "JetBrains Mono"; src: url(/static/fonts/jetbrains_mono_variable.ttf); font-weight: 100 1000; font-stretch: 25% 151%; } * { font-family: "JetBrains Mono", monospace; color: white; font-size: 14px;...
Tailwind CSS is a utility-first CSS framework. Utility-first means it has a set of small reusable utility classes that we can use alone or together to create modern and complex designs easily. So instead of writing custom CSS to make a paragraph bold, we can directly use font-bold and th...
Icon set Pushed a year ago 19 contributors Created in 2018 3.8k svgl A beautiful library with SVG logos. Built with Sveltekit & Tailwind CSS. Icon set Pushed 8 months ago 112 contributors Created in 2022 2.3k Radix Icons A crisp set of 15×15 icons designed by the @workos team. Icon ...
直到最近,我迷上了 tailwindcss!...也有可能是有的道友在工作中并没有那么多写 css 的场景,对我写样式的痛点无法感同身受。不过我已经尽力。好东西分享给你了,感受不到那只能说明缘分还未到。...这种线程共享的方式极大的拉进了 JS 和 native 之间的距离,不在需要 JSON 序列化和反序列化这种极大损耗...
font-family: 'Times New Roman'; color: #e9e03b; height: 100%; } .secound-div-inner-single { background-color: #fff; color: #b4b00b; padding: 25px; margin-bottom: 1rem; } Heading The div for the child should change to a row when the screen size is altered. ...
Set Default Color: Assign a color value to 'DEFAULT' (e.g., '#4A5568') to set it as the default font color. Save Changes: Save the 'tailwind.config.js' file after making the changes. Use Default Color: Use text elements in your HTML without specifying a color class to apply the ...
How to set a 3D element’s base placement in CSS - CSS has developed from simple style sheets to a powerful language that can create complex and intricate layouts and designs. One of the most exciting features of CSS is to create 3D elements on web pages
Remember to also check the documentation for the library and the framework, to see all the features and possibilities. We also have articles covering alternative styling solutions, such asTailwindCSS. If you liked this article, feel free to leave a comment below!
designawesomecollectioniconsicon-packiconicon-fontfreeicon-seticon-packsiconfonticonseticonjar UpdatedMay 14, 2024 themesberg/flowbite-icons Star197 Free and open-source collection of SVG icons built for Flowbite and Tailwind CSS reactsvgvueiconsicon-packsveltesvg-iconsiconicon-setfigmaiconsettailwindicon...