All Questions
Tagged with sass javascript
2,588
questions
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
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 ...
0
votes
2
answers
61
views
react-datepicker anchorDirection="bottom" not working [closed]
I am using react-datepicker to display a time picker component but I want the time list to be displayed in the bottom of input component but it's currently showing on top of the input field.
code :
&...
0
votes
0
answers
28
views
gulp5, sass - A task did not complete. Sync task with 'return' to async task
An issue with a Gulpfile made me stuck in one point of a webdesigner course which consists of prerecorded tutorials. I tried to recreate steps from a video about making a gulpfile.js:
var gulp = ...
0
votes
0
answers
23
views
Storybook + scss modules not compiling in react component library
I am trying to make a react component library and Im using storybook for visualising the components.
They load fine until when I use module.scss files to scope the styling to their projects. This is ...
0
votes
1
answer
38
views
MOBILE - SAFARI : Preventing scroll reset to top on mobile when applying fixed position to body
I have a pop up on my website, it can go from hidden, to minimized, to fullscreen states, when on fullscreen, i obviously want to block the scroll of the page behind. So i add and remove the noscroll ...
0
votes
1
answer
51
views
How can I prevent minify of CSS in Production using WebPack?
This may seem like a strange request but I am working on a site in HubSpot which will automatically minify my CSS and JS files for me before serving them to the browser.
I do my development using SCSS ...
0
votes
0
answers
21
views
can we use css path on environment base in the css file in angular
I have to base path in angular and for css file i add the base path into css file but while running local no base path and it give error.
$vf-font-plex-mono-prefix: '/baseHref/assets/fonts';
$vf-font-...
0
votes
1
answer
34
views
How come the checkmark is still red, even tho its color is set to green
I have made this website that checks the strength of a given password
It looks like this
But the checkmarks stays red even though I have tried making it green.
What I want is the checkmark to be ...
3
votes
3
answers
118
views
Image slider with diagonal lines separator
I made a 5 image slider container that previews each of the next and previous images. The only problem I have is that I need to make that images are separated by diagonal lines instead of horizontal ...
0
votes
0
answers
54
views
How to create a dynamic Stepper (timeline) in Js/jquery
I am looking for a solution to create a dynamic stepper. In the Snippet, when i select Heudebouville and then feedbackDo, all the checkboxes between should be checked, that's good for the moment, but ...
0
votes
1
answer
26
views
Gulp for compiling SASS and automatic updates
Earlier on I had a security policy issue on scripting which I was able to resolve.
I have tried to follow gulp documentation on the installation and compilation of sass and also a few YouTube ...
0
votes
0
answers
49
views
How to use css variable in sass function
I wrote the following sass function:
@function multiple-box-shadow($n) {
$value: '#{random(8000)}px #{random(8000)}px #FFF';
@for $i from 2 through $n {
$value: '#{$value} , #{random(...
2
votes
3
answers
77
views
Applying styles to innerHTML in Angular
I have an Angular component named ExternalHtmlComponent responsible for rendering HTML content fetched from the backend. The HTML content is dynamically inserted into a element using the [innerHTML] ...