I'm using React.js and swiper.js (https://swiperjs.com/) Right now the swiper looks like this (https://codesandbox.io/s/swiper-react-forked-hkjwql?file=/src/index.js) I wanna have white gradient on the side like this exemple. I tried to use CSS but it doesn't work at all (https://codepen.io/studiojvla/pen/qVbQqW) Here's my code…
scrollbar is disabled when I used the pointer-events: none css in the text area. I want the scroll bar to be enalbed to scroll and view whole content but the textarea shouldn't be editable. I want to fix this issue…
I have two DIV elements. I will call them DIV A and DIV B. I am creating a space between the two DIVs of 20px. Example margin-top: 20px. Here is a diagram to show that. Let's say if DIV A…
I have seven items loaded. I am going to write the logic such that if I hide the items, the other items should align to the screen automatically For example, if the task is removed(hidden) the item1, item2, item3, item…
I'm trying to make an animated border for a button. But this only works if the button is tall. For a low button, it works strangely. As you can see in the example, the second button, which has a height…
I'm using sass for improving my nested css class like: .parent { &__child {...} } but when I want to navigate from &__child to see where it is used, I can't. The other way around, from HTML to css works.…
Need a little help in making text shadow shown in below image enter image description here I tried using CSS text-shadow property but its not working as same as i want. text-shadow: 6px 6px 0 #000, /* Simulated effect for…
I want to override base-font-size by calling a function, its definition is given below base-font-size variable is defined in the root export const changeBaseFontSize = (newSize: string) => { document.documentElement.style.setProperty("--base-font-size", newSize); }; Calling this function as given below changeBaseFontSize("16"); Now,…
I'm trying to make this card, with "Nouveau" on the top right side. Card I'm trying to reproduce (Figma) I tried with position: absolute but the text isn't consistently on the top right. With smaller screens it overflows and leaves…
I get he below error while building my project Module build failed (from ./node_modules/sass-loader/dist/cjs.js): SassError: 2 arguments required, but only 1 was passed. ╷ width: rem(300); ^^^^^^^^ Below is my package.json { "name": "test", "version": "3.0.0", "private": true, "scripts": {…