Quanti So if I understand correctly, the spacing slider does not refer to a specific value unlike the size slider?
That's correct. It's using some math which assigns spacing proportional to the 1. size of the grid, 2. space factor from the slider, and 3. somewhat proportional to the size of the screen.
This definitely makes sense, because when resizing the grid, it would be really annoying if the space didn't get scaled proportionally also. If space was "fixed" regardless of layout size, it wouldn't seem correct when scaling far up or down. Below is the CSS for grid for instance:
$grid-size: var(--grid-size, 160px);
$grid-space: var(--grid-space, calc((8vw + #{$grid-size}) / 900 * var(--grid-space-factor, 50)));
// --grid-space is optional fixed value, but when used it will then override any proportional scaling
// --grid-space-factor is assigned dynamically from the interface
You could try to pre-assign --grid-space-factor
to a value between 0 and 100, although these things are at a level of complexity that it really didn't seem natural to try to make it adjustable from the public. After all, that's why there are rather nice controls to adjust it directly from the interface.
Quanti Is there maybe a way to set a new default with .js so that the slider position will be on the right and calculates accordingly?
It's all controlled by CSS, so it seems pointless to do it with JS. The only thing you might need to check, is if the interface doesn't update itself automatically when you pre-assign CSS values.
Just a reminder, pre-assigning these variables will only apply for "new" browsers that have not yet made any adjustments to the layout. For testing, you would need to use a new private/incognito browser window, or clear "cookies", every time you test.