not able to sort fonts correctly

[anuragphadke]

Hi,
I am sorting the CSS at https://beta.webfast.co/webfives-com/main.css as mobile-first.
However, the fonts seem to be bit whacky after the sort.

Scroll to the section that says "Make your mobile website load under a second"

Before: https://beta.webfast.co/webfives-com/before.html (uses Proxima font)
After: https://beta.webfast.co/webfives-com/after.html (uses Graphik font)

Question 1: Is there a way to retain the order of CSS that is not included as part of @media query? If I copy the CSS that's not part of @media query to the bottom (CSS specificity maybe?), the page renders w/o any issues.

Question 2: Do I need a custom sort algorithm here?

[yunusga]

Hi, you problem is Graphik insted Proxima after sorting?

after.css:43 - body, .site-title { font-family: Poppins, var(--nv-fallback-ff); }
after.css:806 - body { font-family: Graphik,-apple-system,BlinkMacSystemFont,Segoe UI,var(--nv-fallback-ff); }

Font family is redefined on the 806th line

[anuragphadke]

Yup, that's correct. There are also other CSS rules whose position and thereby priority gets flipped once I run the sort..

…

On Dec 31, 2020, at 12:16 AM, Yunus Gaziev ***@***.***> wrote:  Hi, you problem is Graphik insted Proxima after sorting? — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or unsubscribe.

[yunusga]

In this case, you need to specify the rules correctly, because sorting MQ does not affect the usual rules in any way, but only groups similar ones, moves them down and sorts. Which reveals the specificity of rules without MQ standing before or after them before sorting. Custom sort algorithm won't help.

[anuragphadke]

Got it. Thanks for the quick reply!

…

On Dec 31, 2020, at 12:43 AM, Yunus Gaziev ***@***.***> wrote:  In this case, you need to specify the rules correctly, because sorting MQ does not affect the usual rules in any way, but only groups similar ones, moves them down and sorts. Which reveals the specificity of rules without MQ standing before or after them before sorting. Custom sort algorithm won't help. — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or unsubscribe.