sass Questions

Reactjs – Module Error: Cannot find module 'sass' REACT

December 19, 2023
Dhruv verma
2 Answers

I'm building a react app using sass I wrote to terminal: npx create-react-app . then I wrote npm install -g sass Require stack: - D:internneonode_modulessass-loaderdistutils.js - D:internneonode_modulessass-loaderdistindex.js - D:internneonode_modulessass-loaderdistcjs.js - D:internneonode_modulesloader-runnerlibloadLoader.js - D:internneonode_modulesloader-runnerlibLoaderRunner.js - D:internneonode_moduleswebpacklibNormalModule.js - D:internneonode_moduleswebpack-manifest-plugindistindex.js - D:internneonode_modulesreact-scriptsconfigwebpack.config.js -…

VIEW QUESTION

how to write multiple value of css property in react?

December 19, 2023
Rahul Mahto
3 Answers

import React from 'react'; function App() { const myStyle = { animation: 'fadein 0.5s, fadeout 0.5s 3s' }; return ( <> <div className='app' style={myStyle}> </div>} </> ) } export default App; How can I write multiple css property value into…

VIEW QUESTION

Html – Change direction of mat-tree UI line border bottom issue design angular

December 13, 2023
sridharan
2 Answers

mat tree changes direction from right to left. The bottom border needs to be removed refer to the Image https://stackblitz.com/edit/material-tree-nested-sndfhl?file=app%2Fapp.component.css

VIEW QUESTION

How to overwrite an SCSS variable based on screen width?

December 12, 2023
Laczkó Örs
2 Answers

I have a varaible: $font-color: red; How do I overwrite its value on smaller screens? This did not work: $font-color: red; @media (max-width: 500px){ $font-color: blue; } Also, this is in a global variables file. I want that so whenever…

VIEW QUESTION

Css – Responsive Search Bar Width Adjustment in React Application

December 7, 2023
Hatter7474
2 Answers

I have a search bar in my header, more specifically the 'search-text' input field in the middle section of my header component. I want to set the regular width to 600px and then as the screen gets smaller for the…

VIEW QUESTION

Html – Draw a Arc in SCSS

December 6, 2023
Gabriel Scherer
2 Answers

Could someone help me create that blue arc with 'UND' written on it as in the following image? So far, what I've managed to do is this: enter image description here Here are my codes: .promotion-circle { position: absolute; width:…

VIEW QUESTION

Html – How to color odd columns of an empty css grid?

November 26, 2023
Matan
2 Answers

Let's say I have a simple html CSS script: <!DOCTYPE html> <html> <head> <style> .grid { display: grid; grid-template-columns: repeat(27, minmax(0, 1fr)); grid-template-rows: repeat(6, minmax(0, 1fr)); height: 50rem; width: 50rem; } </style> </head> <body> <div class="grid"> <!-- Your grid items…

VIEW QUESTION

How to switch SCSS format when copying with eCSStractor?

November 24, 2023
Marya
2 Answers

I do not know how to disable SCSS class format for now. I want to switch from this : .header { &__row {} &__logo {} &__nav {} } to this : .header__row { } I tried to look in the…

VIEW QUESTION

Html – How to position a SVG icon inside switch button?

November 22, 2023
Katyellen
2 Answers

I have a switch component and I need to place an SVG icon inside the switch ball. The problem is that I'm not able to position this SVG. It is being hidden behind the circle, and when I switch between…

VIEW QUESTION

Html – Why are the distances different?

November 22, 2023
jeany
2 Answers

I have these codes in SCSS and HTML (Astro) <header class="mainHeader"> <a href="/"><img src="/images/mainLogo.png" alt="Логотип " id="headerLogo"></a> <div id="links"> <a href="/products">Продукты</a> <a href="/sale">Акции</a> <a href="/contacts">Контакты</a> </div> </header> .mainHeader { background-color: var(--white); display: flex; align-items: center; justify-content: center; #links { margin-left:…

VIEW QUESTION