All Questions
15,091
questions
0
votes
1
answer
36
views
How to fix my SCSS so it's applying the text color?
might be best explain with an example
this is the HTML snippet of my breadcrumb. This comes with its own breadcrumbs.scss.
<div class="container">
<div class="cmp-container&...
0
votes
0
answers
30
views
CSS animations just stopped working on React
My css animations just stopped working and i have no idea why, this is a react project i'm working on to learn more about the framework, if someone knows why this happens it would help a lot, thanks.
...
0
votes
0
answers
33
views
Media Queries Max-Width is not applied even though I am on mobile view (Browser)
I have a website in Astro and using SCSS.
I have a weird bug with the media queries.
I have this styling
@media screen and (max-width: 768px) {
.p-content {
&_inner {
...
0
votes
1
answer
26
views
How to prevent toggling an accordion in bootstrap when the user clicks on specific part of a button thats used to toggle an accordion
I am using bootstrap.
Here, you can see this is a standard accordion. However, I want non-standard behaviour from it.
When a user clicks on elements with the class 'option', it selects the 'suboptions'...
-1
votes
0
answers
25
views
The responsivity of an application that already have too much screens and components
enter image description hereI'm dying of anxious, its been 1 month since I joined a new project, and started developing the front in the place of a software house.
The problem is, the developer of the ...
1
vote
1
answer
26
views
"Error: Expected identifier" when trying to add utilities with Bootstrap 5
I want to add a new class for a background-color.
Thus, I followed this step of Bootstrap documentation and I wrote that:
@import "./BOOTSTRAP-CSS/scss/functions";
@import "./BOOTSTRAP-...
0
votes
1
answer
53
views
Flexbox with column is not providing the desired output in CSS
I have an HTML layout styled with flexbox, but the current CSS isn't achieving the desired layout. I want the second row of the second column to begin immediately after the first columns second row.
...
1
vote
1
answer
52
views
how to resize image (background) only for width (height is static)?
I have to get the result: the background image should shrink to fill the entire screen without changing height; so depends on the device width: image width = device width and image height is always ...
-1
votes
0
answers
11
views
Why is there an error when compiling scss to css with npm
Hope you experts can help me, I want to use scripts to convert scss into css but I get an error, it doesn't automatically convert nor sync with the browser and I can't access my html files (it says ...
-1
votes
0
answers
44
views
Create CSS background similar to one image [closed]
I'm sorry to write this here but I'm looking to create an header and footer for my application and as background color I want to use the same effect (not need to be an animation) of pokemon start ...
0
votes
0
answers
13
views
How to apply style to nested custom Mui-classes in a separate .module.scss file (using react.js)
What is currently possible:
Giving style to whole Mui component
<SimpleTreeView
sx={{
backgroundColor: '#000000'
}}
</SimpleTreeView>
Segregate styling to a separate class in .module....
0
votes
1
answer
26
views
Avoid url resolution in scss files in Angular
I did a css -> scss migration on an existing Angular project using schematics-scss-migrate. Everything works fine except the URL's, if any, in scss files. So I found out that in scss files the URL'...
-1
votes
0
answers
31
views
CSS Modules with PostCSS vs SCSS Modules in 2024 [closed]
I'm starting a new project from scratch in 2024, and I'm at a crossroads regarding my styling approach. I’m debating between using CSS Modules with PostCSS or just sticking with SCSS Modules.
For ...
3
votes
1
answer
51
views
How to prevent a # href scroll down to a section/id of the page, but still use :target to do other things
I'm new to HTML/CSS/SCSS, but I'm trying to create a single page, that looks like it's changing pages, but really is just using display: none, and display: block.
I got this working with the following ...
-1
votes
2
answers
31
views
Icons in React not centered vertically
I have this simple template:
<div className="wrapper">
<div className="block one">
<GoSearch />
15
</div>
<div ...