We make the background-size fit an integer number of times within the viewport width and height.
We need length division for that, so we use the tan(atan2()) hack by @JaneOri.
Then, we set box dimensions/ margins to be multiples of background-size https://www.reddit.com/r/css/comments/1gp4cq0/comment/lwqkyrd/
Really cool thing is it works well on zoom, see it on @codepen
https://codepen.io/thebabydino/pen/ZEgwBqL
#CSS #Maths #mathematics #cssMaths #cssPattern #pattern #cssGradient #code #web #dev #webDev #webDevelopment #coding #frontend #cssHack
@sebsauvage @1HommeAzerty C'est pas pire que de mettre du code dans du CSS ( inclut dans le SVG )
==> animation: horloge
==> var(--reg-): registres
==> fonction: calc, min, max ...
==> fichier: url, include ...
==> trigger: focus, checked, active ...
avec ça, tu programmes ce que tu veux. 😉
those with UW monitors: add a new style rule:
.wide .columns-area:not(.columns-area--mobile) .column {
max-width: initial !important;
}
to your preferred custom CSS browser plugin, and let Mastodon's 'power user' mode stretch all the way across your browser window. Small columns are for peons 😂
Ana Tudor 🐯
@ours44 #En Grève 🇵🇸
Adam A