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;
 | 
						|
}
 |