All Questions
Tagged with sass ionic-framework
402
questions
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 ...
2
votes
1
answer
85
views
How to change input float name color on ionic?
I want to change the color of the float name for the input.
i set --border-color: #222428; and this change the color of borders only, i need to change color of the word password and email on hover, ...
0
votes
2
answers
69
views
Draw a Arc in SCSS
Could someone help me create that blue arc with 'UND' written on it as in the following image?
So far, what I've managed to do is this:
enter image description here
Here are my codes:
.promotion-...
0
votes
1
answer
41
views
Ionic Angular - Access body selector in page scope
I need to access the "body" selector in my .scss file. However, I can't access the body selector within the page scope, only in the global.scss or variables.scss files. Is there a way to do ...
0
votes
0
answers
168
views
Vite/Vue & Ionic do not recognize my SCSS files
Vite is not recognizing my SCSS files and I do not understand why.
I am unable to use my SCSS, such as $color-primary, variables inside my components' <style> tag
I have already tried adding:
// ...
0
votes
0
answers
402
views
How to style ion-input labels on ionic 7?
I'm migrating an app to ionic 7 which encourage stop using <ion-label> for ion-input among others. In all the guides I am seeing I see how you only have to put the text in the slot of ion-input ...
0
votes
0
answers
687
views
Error: Command failed: C:\Python310\python.exe -c import sys; print "%s.%s.%s" % sys.version_info[:3];
npm ERR! gyp ERR! stack Error: Command failed: C:\Python310\python.exe -c import sys; print "%s.%s.%s" % sys.version_info[:3];
npm ERR! gyp ERR! stack File "<string>", line ...
0
votes
1
answer
61
views
How to make div insert avatar on ionic7, like this image
I want to make this on ionic 7 with ionic avatar using scss. But im still did'nt get it. How to made this?
Click to see the image
this is my scss code
ion-avatar {
--border-radius: 4px;
position: ...
1
vote
3
answers
2k
views
How to change the color of a label of an ion-input in ionic 7
I have upgraded my project to Ionic 7 and now ion-inputs don't need an ion-label. I have changed it but I don't know how to assign the color they had.
Before:
enter image description here
enter image ...
1
vote
0
answers
99
views
SCSS - Background-attachment: fixed; Not working in ionic 7 (angular)
So I had a mini-app project that I was working on. The primary purpose was to explore some cool CSS designs. One design used a grid of card components that uses a gradient background with a fixed ...
0
votes
1
answer
789
views
Add styling to part="native" child element
I need help with writing SCSS to style some element that is in #shaddow-root in DOM in my Angular+Ionic 6 app.
Here is the image how the DOM looks like;
I want to give the class="input-wrapper&...
0
votes
1
answer
68
views
Animate speedometer needle using SCSS
I have already checked other links availble here but I am not able to find things suitable for me. I am trying to animate a speedometer here JSfiddle - going from left (red) to right (green). I trying ...
2
votes
1
answer
1k
views
Can´t import Swiper Scss in Ionic / Angular App
I installed Swiper npm install swiper. If I want to add Swiper Scss in the Global SCSS like described here https://ionicframework.com/docs/angular/slides I get a Error Message
./src/global.scss - ...
1
vote
3
answers
996
views
How can I remove the border from the last ion-item in an ion-list
I have a standard ion-list of ion-items which is dynamically populated.
<ion-list>
<ion-item></ion-item>
<ion-item></ion-item>
<ion-item></ion-item>
&...
1
vote
0
answers
66
views
How can responsive popover popup in ionic?
I've tried this issue coming for responsive time can you please help me I have used it in Ionic popover content but the enter image description hererespondent image description here time alignment is ...