and fix some other issues, to make the layouts more consistent. The aspect-ratios of the layouts, should now match the intended aspect-ratios (12:7 and 16:5), with 3 decimal-digits of precision; either exactly, or rounded to be a little more square, so that the entire height of the panel will be used. Adding 0.001 to `width` in the `default`-outlines of the layouts, would make the layouts a little wider than the intended aspect-ratio. Part-of: <https://gitlab.gnome.org/World/Phosh/squeekboard/-/merge_requests/691>
68 lines
910 B
CSS
68 lines
910 B
CSS
/* Theme independent styles */
|
|
|
|
sq_view {
|
|
font-family: cantarell, sans-serif;
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
/* Becomes readable with a special font */
|
|
sq_view.gr_polytonic {
|
|
font-family: GFSDidotClassic, cantarell, sans-serif;
|
|
font-size: 1.75em;
|
|
}
|
|
|
|
sq_view.wide.gr_polytonic {
|
|
font-size: 1.4em;
|
|
}
|
|
|
|
sq_view.in_mal {
|
|
font-size: 1.195em;
|
|
}
|
|
|
|
sq_view.wide.in_mal {
|
|
font-size: 1.25em;
|
|
}
|
|
|
|
sq_view.ir_azb {
|
|
font-size: 1.368em;
|
|
}
|
|
|
|
sq_view.jp {
|
|
font-size: 1.425em;
|
|
}
|
|
|
|
sq_view.wide.jp {
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
sq_view.wide.emoji {
|
|
font-size: 1.225em;
|
|
}
|
|
|
|
sq_button {
|
|
border-radius: 4px;
|
|
margin: 2px;
|
|
}
|
|
|
|
sq_view.wide sq_button {
|
|
margin: 3px;
|
|
}
|
|
|
|
sq_button.latched,
|
|
sq_button.locked {
|
|
font-weight: bold;
|
|
}
|
|
|
|
sq_button.action {
|
|
font-size: 0.75em;
|
|
}
|
|
|
|
sq_button.small {
|
|
font-size: 0.575em;
|
|
}
|
|
|
|
sq_view.pin sq_button {
|
|
border-radius: 0px;
|
|
margin: 1px 1px 1px 1px;
|
|
}
|