All Questions
Tagged with sass typescript
513
questions
0
votes
1
answer
28
views
Is there any way that I export my styles from a package I write to use in my other projects?
I have a package made up by ReactJs, rollup. I used TS in my structure and use .module.scss files to add styles to my components.
but when I build the package in /dist directory, it doesn't have any ...
0
votes
1
answer
45
views
Vite 5 not importing scss variables
For some background we have a bunch of theme colors provided by a designer and are trying to integrate them into a single source of truth as they change often during the prototyping phase.
To this end ...
1
vote
0
answers
17
views
How do I reuse the SCSS mixins from another style file to work with my classes and style them according to their resolutions?
I have a type.scss file that I need to use to reference various stylings for the fonts.
// type.scss
@use 'queries' as *;
$font-rubik: 'Rubik', sans-serif;
$font-inter: 'Inter', sans-serif;
// ...
1
vote
0
answers
154
views
Angular Material 17 Typography Styles
How does one get the typography level styles inside a custom component in Angular Material v17?
$config: mat.define-typography-config($font-family: 'Roboto, "Helvetica Neue", sans-serif', $...
2
votes
1
answer
53
views
How to temporarily change the value of a colour variable in a component in Ionic 8 with the new colour palette update?
In an Angular app with Ionic Framework, I have a component, where on a specific action, I need to make the default colour variable --ion-background-color transparent, and revert back to the defined ...
0
votes
0
answers
29
views
I am getting error while angular version updating (./src/main.ts - Error: Module build failed)
./src/main.ts - Error: Module build failed (from ./node_modules/@ngtools/webpack/src/ivy/index.js): Error: Transform failed with 1 error: C:/Users/WCR/Desktop/WhiteCrow/ATS/ats-crm-frontend/src/app/...
0
votes
0
answers
26
views
Need to include functionality for arrows on a news section that has different displays on different screen sizes
I have a News section that maps through an array of data. Currently I only have 3 news items in my array. On larger screens, 3 news Items show meaning all my data is showed. However, on MobileScreens, ...
0
votes
0
answers
46
views
import * as sass from 'sass' results in Maximum call stack size exceeded in Svelte
I am having trouble with importing the sass module in a Svelte-Project using sveltekit and vite.
I want to compile scss to css with typescript dynamically during runtime and decided to use this module....
1
vote
2
answers
236
views
Can' use absolute imports inside SASS using Next.js
Simply cannot use @/ imports inside scss files.
my variables are located at src/styles/_variables.scss
tsconfig.json:
{
"compilerOptions": {
"lib": ["dom", "...
0
votes
0
answers
73
views
why am I getting error while adding sass support in rollup
I am trying to add sass support using sass plugin to my project which uses rollup but I am getting below error.
[!] RollupError: src/components/RangeInput/RangeInputStyles.scss (1:10): Expected ';', '}...
2
votes
1
answer
179
views
Angular: Module parse failed: Unexpected token (1:0) importing scss variables
In our project we had a palette that we used to import styles across our project. It worked in Angular 13, but after going to Angular 14 it doesn't work anymore. Here are the details on it.
Error: ...
1
vote
0
answers
180
views
Storybook 7 Sass-Loader Undefined Variable Issue
I'm building a React component library with Storybook 7 and TypeScript. I have my Storybook addon-styling-webpack in .storybook/main.ts configured to load scss resources with sass-resource-loader. ...
0
votes
1
answer
721
views
Is there a way to export the styling in vite library mode for a react app?
I have a vite react TS app with JSX components, mudule.scss and global css files.
When I build it using Library Mode I get separated .js, .d.ts and .css.
But when I install it in any other app, the ...
0
votes
0
answers
89
views
Change arrow position React for Swiper.js
I get imgages of cats by API, and display them on screen for slider using Swiper.js, however I am not sure how to make these arrows to be outside of one block, which contains cat-image, cat-name (in ...
0
votes
2
answers
362
views
Getting Angular Material Typography Styles
How does one get the typography level styles inside a custom component in Angular Material v16?
We used to be able to write this in the component.scss
@import '~@angular/material/theming';
$config: ...