Skip to main content

All Questions

Tagged with
0 votes
1 answer
514 views

How to use SCSS mixins in angular component.scss file?

How do you use a scss mixin in an Angular component? CONTEXT I created a file for my scss mixins in /src/styles/_mixins.css and imported this mixins file into the global style file styles.scss like ...
Steeven Delucis's user avatar
1 vote
0 answers
1k views

style.js not generated in angular build

I'm using the following to run my app with node v14.17.4 & npm v6.14.14 "@angular/cdk": "^13.2.2", "@angular/common": "~13.1.0", "@angular/...
ayeshas7's user avatar
0 votes
1 answer
302 views

How should I extract @angular/material css file in Angular v13?

In my Angular[v13] project, I used @angular/material. I also want to use tailwindcss. but @angular/materialcss is a style tag in head. so tailwindcss is not working. Now i want to extract @angular/...
kkerwin's user avatar
  • 15
3 votes
1 answer
962 views

Angular 11/CSS minification: How to prevent conversion of rgba to 8 digit hex code during css minification to support older chrome

We've a web app that's developed in Angular 11(cli V11.2.14) & Asp.net core and running fine, now needs to be supported in chrome older version(browser version 60). I came across css issues mainly ...
mv_05's user avatar
  • 119
1 vote
0 answers
675 views

Sass Module problem with @use and @forward with mixin and Angular 11 CLI

I recently updated our design system to use angular 11 and removed node-sass, as the CLI compiler deprecation warning suggested. The app compiles fine. Next, I was trying to update my scss files to ...
Steve's user avatar
  • 14.9k
4 votes
2 answers
982 views

Minify CSS class names with Angular CLI

I'm looking for a way to improve performance by minifying my app's CSS class names. This approach is used by large websites and is also described in this article. Does anybody have an idea on how to ...
John White's user avatar
0 votes
1 answer
565 views

Angular project build with Cannot Get / error

I tried to run my Angular in IntelliJ and got this error. When I open the browser on localhost it shows Cannot GET / The steps I took were: Open up the project npm install -g @angular/cli@latest ...
PaulDickson's user avatar
2 votes
4 answers
8k views

Why am I obtaining this error trying to conver my Angular project from a CSS based project to a SCSS one?

I am finding some problem trying to convert an Angular project using CSS into a project usinc SCSS SASS. I was following this tutorial: https://medium.com/@ngubanethabo.ambrose/migrate-from-css-to-...
AndreaNobili's user avatar
  • 43.1k
1 vote
2 answers
963 views

Bootstrap 4.5 scss compilation error on escapeSVG

I've got an Angular 10 CLI project that I just updated to Bootstrap 4.5. Now when I compile the app (we compile from Bootstrap's SCSS imported into our own to override variables) it fails with this ...
Steve's user avatar
  • 14.9k
0 votes
0 answers
636 views

Relative URL of background-image causes syntax error

I have angular app that is embedded in existing web page. Main page is running on Tomcat on http://<host>/main and Angular app is embedded on one of the subpages: http://<host>/main/ng#/...
Kacper's user avatar
  • 745
0 votes
1 answer
389 views

How to generate minified css from Angular (2+)

I built an angular project in SASS, but I need to be able to use the project's styles in codepen demos. I was thinking that I need to somehow generate minified CSS in the "dist" folder so I can use it ...
Ian Hazzard's user avatar
  • 7,770
1 vote
0 answers
197 views

Angular --prod flag break up component style sheets

I'm have simple component which is used to show if data are rendered ASC or DESC. That simple component have some logic inside but for this case more important, it have it's own styleUrls. ...
Andurit's user avatar
  • 5,792
0 votes
1 answer
258 views

Does building with angular-cli add new user agent stylesheet?

I am in the process of trying to run a hybrid angularjs and angular 8 application. I am using angular cli to build/run the application. I am currently stuck trying to figure out why a few user agent ...
lostintranslation's user avatar
0 votes
2 answers
1k views

Css won't compile when running angularjs and angular app side by side

I am running into a problem with my css when trying to convert to a hybrid angularjs/angular application using angular-cli. ERROR in ./src/styles.scss (./node_modules/@angular-devkit/build-angular/...
lostintranslation's user avatar
1 vote
1 answer
2k views

How to include all global styles within FOLDER?

I have read through a dozen related questions on here about the Angular CLI and global styles, as well as the relevant documentation, but I cannot seem to find how to include a folder of styles. My ...
Sam Claus's user avatar
  • 2,009

15 30 50 per page
1
2 3 4 5
8