Category "css"

How can I order CSS columns horizontally instead of vertically for auto height elements?

Each of my columns has different heights. How can I order my column to horizontally instead of vertical using CSS? Also on hovering of each item, the height wil

How to load a placeholder image then toggle to the real one once HTTP calls are done?

I'm currently working on a project with a particularly large gif file on the page. I'd like to be able to load something much smaller, like a static image or pe

line clamp (webkit) not working in safari

display: -webkit-box; -webkit-line-clamp: 5; line-clamp: 5; -webkit-box-pack: end; text-overflow: ellipsis; -webkit-box-orient: vertical; overfl

Prettier VSCode - How to ignore formatting code for a single declaration in css, set in a global statement and not through simple comment

Correct format for a single declaration and what i prefer happen .lbl-vlt {background-color: var(--violet);} .lbl-emrld {background-color: var(--emerald

Extract color palette of a webpage [closed]

I intend to recolor a website with a new palette of colors. I plan to first extract the colors from the webpage and determine its color palett

Is there a way to make a "cooldown" to your function?

im currently making a diashow or a slideshow for an website. And everything is set up except one thing. The user is able to spam the slideshow thus resulting in

How to compile Less/Sass files in Visual Studio 2017+

In VS <= 2015 we can use a WebEssentials extension that takes care for compiling the less/sass files for us, but currently it does not support VS 2017. Is th

Is there a way to make a "cooldown" to your function?

im currently making a diashow or a slideshow for an website. And everything is set up except one thing. The user is able to spam the slideshow thus resulting in

How to use “unicode-range” for numbers

I'm using a custom font and loading it through @font-face. I want to display text with two languages in webpage with different fonts with font-face at rule in C

How to customise React AsyncSelect style

I am trying to customise the style of AsyncSelect component, but seems not able to do it. import AsyncSelect from 'react-select/async'; <AsyncSelect classN

CSS scroll snap choppy/laggy on Chrome desktop

I've been building this page using scroll-snap and it's working well on Firefox desktop & mobile, as well as Chrome mobile. But on Chrome desktop (Edge desk

text-overflow: ellipsis; in table cell

I have a page with a table, which is updated periodically. The table has a heading, followed by a number of rows. Each row has 3 fields: Player position, Player

Responsive Typography in Angular Material

Trying to figure out how to set font size of mat-tab-label based on screen size (below 400px). I tried putting custom configs in different media queries like t

How to pass class style from parent to child in Angular, and using it in specific element

so I'm using a template that I downloaded of ngx-admin. I'm creating new lib of some simple components such as input with labels and etc. this lib component is

JS, Connect <h1> with <title>

All I want to do is to make the title the exact same as the h1 tag. <title class="blogtitle"></title> <h1 class="title">Updating our staff mem

Angular Material MatFormField appearance="fill" theming questions

I have a question dealing with Angular Material theming, specifically the MatFormField directive. Probably around Material v6, I found that the matFormField dir

is it possible to use rollup for processing just css?

I know that Rollup is used to bundle .js files. But is it possible to use it just to process css? (css, scss, less, etc). What i mean is if i had for example in

CSS Animation to expand div from center outwards

I am trying to make the following expand outwards from the center (almost like curtains opening). It should kind of look like this, but instead of - it's empty

More important than !important (a higher level !important)?

The title says most of it. Is there a CSS keyword which overrides !important at one higher level or is there some feature like this planned in any newer CSS spe

Black Line appears in Safari not Chrome using Ant Design Table

I'm using Ant Design UI Library in React. Using Table Component and using fixed columns features like this, The black line appears in Safari not Chrome. I th