The parent thing is pretty easy, you make a desktop skin that's the parent of the mobile skin. You do that through the mobile skin in the options at the bottom. In the mobile skin, it's code that only applies to mobile. You use the mobile skin all the time, it just doesn't apply on desktop so it doesn't matter
In the mobile skin, you make it "Media: only screen and (max-width: 42em)" That's all there is to it! And you don't need to put !important on the overwritten stuff in that file or anything like that, it does it all for you :) Just use the plain css you want to use on mobile that's different to the desktop version.
You can label your skins like MAIN SKIN - PARENT - DON'T USE and MOBILE - USE THIS ONE or whatever if that helps. I have a bunch of skins in a weird tree-chain and when I change skin for any reason I forget it's the mobile one I need to go back to!
![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png){kind=small}
![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png){kind=small}
no subject
Date: 2023-08-03 06:18 pm (UTC)In the mobile skin, you make it "Media: only screen and (max-width: 42em)" That's all there is to it! And you don't need to put !important on the overwritten stuff in that file or anything like that, it does it all for you :) Just use the plain css you want to use on mobile that's different to the desktop version.
You can label your skins like MAIN SKIN - PARENT - DON'T USE and MOBILE - USE THIS ONE or whatever if that helps. I have a bunch of skins in a weird tree-chain and when I change skin for any reason I forget it's the mobile one I need to go back to!