I'm working on a React project made with create-react-app. I'm using Sass and the sass files transpile correctly. I have local fonts that I want to embed in the app. I use the @font-face rule correctly, I believe, in my…
I was migrating the SCSS code from the previous @import rule to @forward and @use rule and I faced an error. And, while doing the conversion I am facing a problem that spits out some error. The error can be…
That's interesting, why I can't align items with static px width inside a flex container. If I don't give the child blocks the static width of 100 % they are centered in the center of the parent . But when…
How do we configure Angular Themes for Storybook such that the Storybook rendered components can load all the classes provided by the Angular theme? There's a Styling and CSS "Hint" in the storybook documentation, but no example at how to…
Firefox and Edge do not have this problem. So, with Chrome, when I am trying to select a text, the text really gets selected but it is not visible, I mean the text background does not change. Other websites seem…
In an SCSS file, I have this line of code: @return calc((#{$span-width} / #{$container}) * 100%); And it produces this error: Undefined operation "-1 * calc((3 / 14.75) * 100%)". I don't understand where the -1 is coming from. What's…
I want to change the background of my components based on the colors of the image inside the component. There are 20 instances of the component on the page, now all 20 instances get the same color, however they should…
I had an error while building my react app test environment but in locally I build it successfully. An error: Module build failed (from ./node_modules/css-loader/dist/cjs.js): Error: PostCSS received undefined instead of CSS string In my local versions are; Node: 13.14.0,…
I need to reuse a css class, but change some of its properties conditionally. For example, i'd like to merge these two classes into one to avoid having duplicated lines (my real world scenario has many more duplicated properties) &__logo-small…
I'm getting the labels at the side of the inputs instead of below. What I'm attempting is: O O O O 1 2 3 4 This is my code in scss and angular. There are no styles added from typescript,…