Best way to change screens and their text on android

[Feleven]

I have a lot of screens (usually quite small) that work well on PC but not phones (small devices). Any idea what's the best way on changing them without altering the PC version?
Most of these screens have simple stuff like "text", for example:

Code: Select all

screen gameinfo():
    modal True
    add "gui/custom/picture1.png" xalign 0.5

    frame:
        background "gui/custom/blackshade5.png"
        pos (530, 723)
        maximum (870, 250)
        vbox:
            text "Tutorial" xalign 0.5 color "#E1D425" font "gui/fonts/Merienda-Regular.ttf"
            text "Tutorial text." size 23
            text "More tutorial text." size 23
            textbutton "Close" background "#000000" xalign 0.5 yalign 0.4 action Hide ("gameinfo")

I have to define the size for the PC version or it's too big, but then the android version is too small.
renpy.variant("small") works but that's a lot of duplicates

I tried making a new style with renpy.variant("small") and changing the size there like this:

Code: Select all

style newstyle:
    if renpy.variant("small"):
        size 45
    else:
        size 23

But it gives me the following error:
end of line expected.
if renpy.variant("small"):

Would appreciate any clues.

[Remix]

You duplicate the style with a declared variant to make alternatives...

Code: Select all

### Style base settings 
style newstyle:
    size 23

### Alternate settings for variants
style newstyle:
    variant "small"
    size 45
        

[Feleven]

Thank you, I'll give it a go although I already managed to solve it by using if renpy.variant("small") before the style. Pretty much the same thing I guess.