Date: 2023-08-03 06:18 pm (UTC)
vegetablearian: ([d] quinn typing laptop)
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!
This account has disabled anonymous posting.
If you don't have an account you can create one now.
HTML doesn't work in the subject.
More info about formatting

Profile

ao3_skins: OTW logo with text "Emerging" (Default)
AO3 Skins

December 2024

S M T W T F S
1234567
891011121314
15161718192021
22 232425262728
293031    

Most Popular Tags

Style Credit

Expand Cut Tags

No cut tags
Page generated Jul. 11th, 2025 07:14 am
Powered by Dreamwidth Studios