I have the needs to change my fonts to "Helvetica Neue" which is listed on tailwindcss font-sans properties. I managed to change the font, but when I tried to change the font weight, nothing seems to work. I've tried to…
I have a very simple tailwind.config.js file defined as follows: const defaultTheme = require('tailwindcss/defaultTheme'); /** @type {import('tailwindcss').Config} */ module.exports = { content: ['./src/**/*.{js,jsx,ts,tsx}'], presets: [], darkMode: 'media', // or 'class' theme: { fontFamily: { sans: ['var(--font-satoshi)', ...defaultTheme.fontFamily.sans], }, }, plugins:…
I am using sveltekit with tailwind-css I want to be able to pass some behavior thru variables to the element <script> export let primary = 'fnt-blue-500'; export let accent = 'fnt-green-500'; export let translate_dir = '-translate-x'; export let translate_amount =…
Here is my code: <input list type="color" v-model="selectedColor" @input="updateHexValue" class=""> And this is how it displays: I just want the color and I do not want a border around the input button. I am currently using tailwind as well and…
I have defined a JSX component in a react application that retrives comments to be dislayed on the screen I works just fine it is just that there's no y space and I am using tailwind css classes for styling…
For example: <select {...props}> <option value='my_option'> <div className='flex justify-between items-center'> <SomeIcon className='w-4'/> <p>My Option</p> </div> </option> </select> When I try the above, it just discards the icons and only show text with the default styling enter image description here
The problem below can be seen here - https://play.tailwindcss.com/D4nJ2xHpgp I've got 7 columns for each day of the week. This currently half works, I want all columns to be the height of the screen, but the content of all columns…
<div class="flex bg-black h-12 items-center space-x-11"> <nav class=""> <span> <a class="text-white text-3xl font-bold hover:text-gray-300 hover:underline" href="#" >Corner Hair Salon</a > </span> <span> <a class="text-white text-3xl hover:text-gray-300 hover:underline" href="#" >Home</a > <a class="text-white text-3xl hover:text-gray-300 hover:underline" href="#" >About</a > <a class="text-white…
<div className='flex justify-between w-full'> <div className='px-1 w-full'> <img src='https://images.unsplash.com/photo-1566275529824-cca6d008f3da?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NXx8cGhvdG98ZW58MHx8MHx8fDA%3D&auto=format&fit=crop&w=800&q=60' alt='Pic' className='h-10 w-10 rounded-full border-2 w-full' /> </div> <p className='border-2'><span className='text-lg font-semibold'>dottt</span> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard…
I'm relatively new to nextjs and tailwind and am trying to use react-tailwindcss-datepicker in my nextjs project and it's not rendering correctly. It looks like the styling is not working. Any and all help is appreciated. I don't know where…