Category "css"

Sass is having hard time parsing a CSS RGB syntax

Just plugged in gulp-sass into an existing project, and I'm getting an error when I try to write an RGB syntax as follows: rgb(70 168 255 / 0.05) The log: [17

How do I pass the dynamic output of a php variable or php function to a CSS variable?

The WordPress plugin PolyLang provides translations to a chosen language. Its functionality of "Strings translations" consists of a list of strings with custom

How to create color shades using CSS variables similar to darken() of Sass?

I'm looking a way of modifying a CSS variable as you would in SCSS Define a color like primary - and automatically I would get shades for focus and actives sta

Chrome extension Tailwind CSS interferes with websites I visit

I am building a chrome extension. I am using React, Typescript, TailwindCSS, custom Webpack config. I've overwritten default action in manifest.json so clicking

CSS won't load in hbs file for some reason

so I have a very basic file structure going but for whatever reason I cannot get the css to show up in the project when I run it on the localhost. everything el

why is live-server injecting these javascript codes

I'm trying to create grid layout but live-server is injecting these codes in webpage... // <![CDATA[ <-- For SVG support if ('WebSocket' in window) { (

Is possible to hide scrollbar on mobile for webpage?

I'm trying hide scrollbar on mobile. Everything looks well on desktop (no srollbar), but when I check on some android device (ipad) - I can still see grey, thin

UI changes not persisting in ASP.Net application

I have a table that's hidden by default. When clicking the search button, I'm using jQuery to remove the d-none class and show the table. <input type="submi

Tailwind CSS class "w-full xl:w-3/6" doesn't work at xl breakpoint

I can't get this code to work on vuejs, class xl:w-3/6 doesn't override w-full. I tried replacing w-full with sm:w-full but when the window is smaller than sm t

Error Uncaught TypeError: e.target.className.indexOf is not a function at HTMLDocument.mouseup (translator.js:433) in angular

I have one modal bootstrap, when i click in one svg to edit my data i receive: Uncaught TypeError: e.target.className.indexOf is not a function at HTMLDoc

v-carousel is responsive but not the images it contains

When I use v-carousel, everything works fine, except I noticed on mobile even if the carousel itself is responsive, the images inside it are not, so only the mi

Move input field on top of span

I've a span as a label for my inputfield. The label goes above the input field when selected. My problem is that when you try to click on the input field, the l

Can I send a database in a zip folder with mantaining the connection between the database and the php file

I want to send a folder that contains my HTML code, CSS, js and PHP. how can I include the database and keep the connection between my files and the database?

Live reload is not possible without a body or a head tag

My program is to store the number of entries through the entry button and save it through the save button... So, I added a JS link in my HTML body tag and then

Dynamically Change colour/css styling of Disabled text boxes based on boolean value

<label [invalid]="false" invalidText="" placeholder="Placeholder text"> Middle names (optional) <input ibmText [attr.disabled]="isApplicationLo

Not able to use relative values in React Native Styled Components

From the react native styled-components documentation, I've seen EM values being used in place of the usual px. However, when I try compiling my project which u

Why can't an element with a z-index value cover its child?

Today after hours of debugging, I learned this rule the hard way: A parent element is never able to cover (stack on top of) its child element if the parent has

ReactJS - How to print all the content of a Scrollable elment with react-to-print

I have a <div> tag that has a list of elements, the list can be long so I gave a fixed height to the <div> tag and overflow:auto property to have a

ReactJS - How to print all the content of a Scrollable elment with react-to-print

I have a <div> tag that has a list of elements, the list can be long so I gave a fixed height to the <div> tag and overflow:auto property to have a

CSS showing differently for Deployed then localhost when moved from material-ui version 4 to mui version 5

Image for Development Environment: Image for localhost: As is visible jss6 css is what is coming from makeStyles-sidebar 6 but on deployed version there is so