I can't connect PatternLab with FontAwesome - sass

Do you know how to merge Pattern-Lab with FontAwesome-icons? Because I merged it, but unfortunately it didn't work. By the way I need the icons that are from SCSS
Thanks for your help. :)

Related

How to display a KML (or GPX?) file on a Nativescript Angular app?

I'm trying to make an app using Nativescript-Angular that displays a route on a map like this : https://prnt.sc/10cy40s using .kml or .gpx files that I upload online somewhere else.
But I can't find anything regarding this with Nativescript-Angular or maybe I'm not asking the right questions ^^'
Thanks in advance !
Edit : To be more clear, I'm not expecting a magic answer, but more of a guidance about what I missed during my research.
There's no native KML support in the google-maps-sdk plugin, but what I did was extract the coordinates and create a polyline. This has worked well for me.

Nativescript-vue implement font icon not working

I'm struggling on how to implement font icon in nativescript-vue, I decided to use font-awesome 5 and followed a bunch of different tutorials, unfortunately, It still now working for me. Some devs have an output of a question mark, but for me, nothing is displaying. I've been stuck on this task for a long time now. I would really deeply appreciate some help.
Thank you :)
I'm using:
Typescript-vue-decorator
Nativescript v6.4
This is one of the steps I have followed thoroughly
NativeScript + Vue.js + FontAwesome
Output
Total rookie here, but I was having huge drama getting it working. I reverted to using FA4.7. Still no joy. Ran up a Playground instance and the darn thing worked.
The only thing that was different for me was that my local default app.scss file started with these style references:
#import '~#nativescript/theme/core';
#import '~#nativescript/theme/default';
Whereas the playground defaults to the actual css files:
#import '~#nativescript/theme/css/core.css';
#import '~#nativescript/theme/css/default.css';
I updated my app.scss file to use the above css references and hey presto, font-awesome icons work. I have not gone to the effort of retrying with FA5 but its a good chance this might be the trick.
I hope this helps someone else. All the best.
The playground instance is available here.

Error adding icons font ionic 3

i am noob with Ionic and i am having problems adding a new font of icons in my project.
I am using ionic 3.20.0. I am trying to add this font (http://icofont.com/) and i am use this tutorial for this.
https://yannbraga.com/2017/06/28/how-to-use-custom-icons-on-ionic-3/
(I downloaded this project but dont run, i think that the code is old version, but i am not sure)
I made the tutorial step by step but , when i try to run my app i see this error:
enter image description here
I read a lot of tutorials and try a lot of ways, but i dont know how import the scss file with the fonts.
Thanks for the help!! ( And sorry for my english...)
Finally, the error was that i had a extra dot in the name of my file. I check this and all runs ok with the steps indactes in the tutorial and the coments of this.
Thanks.

.scss not updating style in MVC project

I've searched this question but cant fnd the right question I'm asking about.
I have an MVC project and there's some auto-generated css files that I dont use. I have a scss folder with a file a .scss file called _main-style.scss.
I have a another file that references these sheets, and I use
#import 'sections/main-style';
I'm following the same naming convention as the others.
I even right clicked and did compile. When I run on the browser, it still doesnt update. I inspect the element and the classes dont exist. It's like its not getting them at all.
Can someone help?
Thanks in advance.
From your description, seems like you know about scss and how to compile it to css.
I have an MVC project and there's some auto-generated css files that I dont use.
BUT, What do you mean by this?
Normally if you compile scss to css, and if that css is already linked with your document, It should update automatically
Turns out it needed a hard refresh

Bootstrap not working in Magento theme

I've got a silly problem. It's probably just down to me not being able to see the wood for the trees... one of you geniuses might spot the problem immediately, or at least I hope so!
I've developed a theme for a Magento site using Bootstrap. First I built static HTML templates, which were tested for responsiveness, and they all worked fine.
I then integrated those templates into Magento... and the responsive elements stopped working. They were working initially, but at some point during the site development, they stopped working.
I've looked and looked at it and I can't see what's wrong. I presume there's some sort of conflict with Bootstrap somewhere but I just can't see it. There are no script errors that I can see and everything is loading correctly, but the responsive elements refuse to work.
Can someone take a look at the site at http://www.collaredclergywear.co.uk/ and tell me what I'm missing? I think it's probably something simple but I can't see the wood for the trees anymore.
Cheers,
Willo
One thing in style.css try commenting it. better remove style.css completely and test
.wrapper {
min-width: 954px;
}

Resources