new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

Electron · API · all subjects

app/css

11 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

-electron-corner-smoothing CSS rule overview

The -electron-corner-smoothing CSS rule smoothes out the corner rounding of the border-radius CSS rule. This smoothness is similar to Apple's continuous rounded corners in SwiftUI and Figma's corner smoothing control. The rule affects the shape of borders, outlines, and shadows on the target element. It is only implemented for Electron and has no effect in browsers. This CSS rule is considered experimental and may require migration in the future if replaced by a CSS standard.

-electron-corner-smoothing CSS rule formal reference

The -electron-corner-smoothing CSS rule has the following properties: Initial value is 0%; it is not inherited; it is not animatable; computed value is as specified. The syntax is: -electron-corner-smoothing = <percentage [0,100]> | system-ui

-electron-corner-smoothing accepts percentage and system-ui values

The -electron-corner-smoothing CSS rule accepts either a percentage value between 0 and 100, or the keyword system-ui. The system-ui keyword matches the smoothness to the OS design language: on macOS it applies 60% smoothing, and on Windows and Linux it applies 0% smoothing.

-electron-corner-smoothing basic example

Example CSS showing basic -electron-corner-smoothing usage: ```css .box { width: 128px; height: 128px; background-color: cornflowerblue; border-radius: 24px; -electron-corner-smoothing: var(--percent); } ``` This shows how to apply corner smoothing to an element with rounded corners.

-electron-corner-smoothing system-ui example

Example CSS showing how to use the system-ui keyword: ```css .box { width: 128px; height: 128px; background-color: cornflowerblue; border-radius: 24px; -electron-corner-smoothing: system-ui; } ``` This matches the smoothness to the OS design language.

Disable -electron-corner-smoothing CSS rule

The -electron-corner-smoothing CSS rule can be disabled using the Blink feature flag ElectronCSSCornerSmoothing in the webPreferences: ```js const myWindow = new BrowserWindow({ webPreferences: { disableBlinkFeatures: 'ElectronCSSCornerSmoothing' } }) ```

WebPreferences defaultFontFamily option

The defaultFontFamily object option (optional) sets default fonts for different font-family types. It contains optional string properties: standard (defaults to Times New Roman), serif (defaults to Times New Roman), sansSerif (defaults to Arial), monospace (defaults to Courier New), cursive (defaults to Script), fantasy (defaults to Impact), and math (defaults to Latin Modern Math).

WebPreferences defaultFontSize option

The defaultFontSize integer option (optional) sets the default font size. The default is 16.

WebPreferences defaultMonospaceFontSize option

The defaultMonospaceFontSize integer option (optional) sets the default monospace font size. The default is 13.

WebPreferences minimumFontSize option

The minimumFontSize integer option (optional) sets the minimum font size. The default is 0.

webview CSS display uses flex internally

The webview tag's style uses display:flex internally to ensure the child iframe element fills the full height and width of its webview container when used with traditional and flexbox layouts. Do not overwrite the default display:flex CSS property, unless specifying display:inline-flex for inline layout.

Give your agent this brain