Category "css"

Chrome's subpixel rendering affecting fixed/absolute positioned elements

I have a electron based application that provides a CAD like experience for mining engineers. This software includes a crosshair cursor: wide cursor that is st

How to make a marquee animation which never leave the view blank ? With images

I am trying to make a marquee animation, but i can't manage to make it perfect. As you can see when a logo goes out of the page it do not get back from the othe

elements over video in native full screen mode - SAFARI

This bug is appearing only in Safari on Mac OS and only with the current set up in our application. Initially I though it was a z-index issue, since some elemen

can't get image and text to align with CSS/flexbox under the navbar

I've been trying to align text to the right of an image but no matter what I do -- when the text line gets to be too long -- it keeps showing up right underneat

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