As we incorporate a significant number of custom CSS animations into Tailwind, the stylesheet size will inevitably increase, which may lead to slower development and testing experiences. To address this, we can
Tailwind is different. Instead of opinionated predesigned components, Tailwind provides low-level utility classes that let you build completely custom designs without ever leaving your HTML. Marketing Finding customers for your new business Getting a new business off the ground is a lot of hard work...
In this lesson, we learn how to generate custom utility classes in tailwind. We add new properties to our JavaScript config object to generate new helper classes to suit our needs. Update gulpfile.js: const gulp = require("gulp"); const postcss= require("gulp-postcss"); const tailwindcss=...
<Togglev-model="value":classes="{container:'inline-block rounded-full outline-none focus:ring focus:ring-green-500 focus:ring-opacity-30',toggle:'flex w-12 h-5 rounded-full relative cursor-pointer transition items-center box-content border-2 text-xs leading-none',toggleOn:'bg-green-500 bo...
Mux Uploader with Tailwind example <MuxUploader id="my-uploader" className="hidden" endpoint="https://httpbin.org/put" /> <MuxUploaderDrop id="my-uploader" className="border border-4 border-slate-200 rounded-0.125 shadow mb-4" overlay overlayText="Let it go" > Drop your favorite video —...
📝 Description This PR adds the ability to render custom content in calendar cells. It introduces a new renderCellContent prop that allows developers to specify custom content for each calendar cell...
For recording, I use a Display Capture in OBS, withCapture Cursordisabled. Configuration Always make sure to save your changes (Saveon the top right, or pressCtrl+S). You can switch through the tabs by usingAlt+1throughAlt+4while the config window is in focus. ...
.svg-padding{display: inline-block; }.svg{cursor: pointer;padding:5px5px5px5px;border-radius:3px;margin:0px5px0px5px;border:1pxsolid#FFF; }.text-color{font-weight: bold; }.captcha-container{background:#fff;padding:15px;border:1pxsolid#9a9a9a;width:270px;border-radius:3px;padding-top...
-> Tailwindcss -> Tarekraafat Autocomplete.js -> Tabcomplete -> Tag It -> TAutocomplete -> Swfobject -> Swiftclick -> T7 -> Swing -> Swipe -> Swig -> Swipejs -> Switchery -> Switchy.js -> Swipebox -> Swup -> Syn -> T3js -> Synaptic -> Systemjs Plugin Json -> Systemjs ...
tailwind.config.cjs13 files changed +426 -34lines changed src/components/boardOperation/deleteFileModal/index.tsx +2-2 Original file line numberDiff line numberDiff line change @@ -35,13 +35,13 @@ const DeleteFileModal = () => { 35 35 className="btn btn-active btn-primary btn-sm...