Category "css"

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

How to disable "'flex' is not supported by Internet Explorer < 11. Add '-ms-flex' to support Internet Explorer 10+." in VS code?

My react project has a couple of "flex" compatibility errors. How to remove these errors in VS code? I already used postcss in my project. 'flex' is not suppor

Looking for a way to produce directly pretty code section in HTML with VIM

I would like to generate, with VIM, pretty HTML code of code snippet (C, python or others). Right now, I know only the command under VIM ":TOhtml" but the res

How to add global style to angular 6/7 library

I was trying to add global styles in the same way like in angular app, but it totally does not work. My libraries' name is example-lib, so I added styles.css to

How to add custom font on Rails app (version 7)

In development mode the custom fonts (Raleway) are present but it is not reflected in the staging environment. I deployed my app to Heroku. Added the following

Swiper Slider - Infinite loop with multi-row slides

I'm using the Swiper by iDangero.us and I'm having difficulty creating an infinite loop of multi-row slides. I have 30 images which I need to group into 3 rows

Correct way to apply global styles into Shadow DOM

This questions is similar to some other on StackOverflow, but I couldn't find any answer describing applicable to my situation and non-deprecated method (and I'

Is there a way to stop visual studio code from autoformatting multiple selectors?

(First post here so apologies if i'm doing something wrong) Visual studio code autoformatter keeps formatting multiple selector styling from this .header-exa

changing the width of h1

I have this code below that allows the text to fade in nicely. However, as you can see when I run it below, it doesn't show the entire text specified in the h1.

Fixed Table Header React-Bootstrap-Table-Next

I'm having issues making my table header fixed when scrolling. My React Table: <div className="Rules-Container"> <BootstrapTable striped

vscode - change highlight color of current file

How can I add a custom style for the background of the opened file (the pale-grey behind fetch.js):

Tailwind class is not working after installed

I try to use CSS, im just install the tailwindcss with npm, and then i build the css and provide the output.css. But, when i use the bg-black class in button fo

how to apply background outside of text

I'm a newbie in html & css. I'm trying to code the output in this image https://i.stack.imgur.com/Qy7Sd.png The only problem here is that when I add the bri

How to break a list in multiple columns with Bootstrap 4?

With Bootstrap 4, how can I have something like this: [ 1 ] [ 4 ] [ 2 ] [ 5 ] [ 3 ] [ 6 ] In other words, how to break a list into two equal columns, orderin

Freeze table first two column

I have a table with bit complicated structure as it has has colspan with multiple headers. I need to fix my table first two column and rest should be scrollable

How to apply a :not selector and all its descendants

I'm using a text editor plugin with its own styles but inside I'm rendering a Mapbox map. The problem is that the editor's styles are messing up Mapbox's. The t

Image is not in center on safari mobile web

I implemented css animation to the image and it works well on explorer or chrome through the pc. Though, on safari, the image is placed in the left top corner.