Angular Material.scss with theme studio fonts bigger

[Cesar Smerling]

Hi! I used theme studio to generate the stlye sheet for material changing the primary and accent colors.

When I use the file generate '.scss' by theme studio some of the fonts size are bigger in buttons and inputs controls. And I needed to import too the layouts css for ordering the buttons in card headers.

Wich is the correct way to import to css files and the theme studio files created in an angular project? How can I update the font-size ? 

I attached some screenshots with the change in the font-size ( the first picture show the font size when I import the css files from the node_modules) (the second when I import the .scss file created by theme studio)

Thanks

Attachment: themestudio_32a35d8.7z

[Madhan Venkateshan]

Hi Cesar Smerling, 

 

Good day to you. 

 

Query #1: When I use the file generate '.scss' by theme studio some of the fonts size are bigger in buttons and inputs controls. 

 

We have checked your issue and we are not able to reproduce it in our end, please check the below sample link and reproduce your issue in the below sample or share any issue reproducible sample. 

 

Sample link: https://www.syncfusion.com/downloads/support/forum/156259/ze/syncfusion-angular-app-1717872369 

 

Sass link documentation: https://ej2.syncfusion.com/angular/documentation/common/how-to/sass/ 

 

Query #2: I needed to import too the layouts css for ordering the buttons in card headers. 

 

We suspect that you want to add custom styles to the all buttons, you can achieve this by adding your custom styles to the css class named ‘e-btn’. Please refer the below code snippets. 

 

.e-btn { 

    margin-top: 50px; 

} 

 

Regards, 

Madhan V