5 essential CSS rules to add to any Squarespace website

gistfile1.txt

/* 
5 essential CSS rules to add to any Squarespace website
-------------------------------------------------------
Author: Andy Clarke
Studio: https://stuffandnonsense.co.uk
Template store: https://stuffandnonsense.store
*/

html:focus-within {
scroll-behavior: smooth; }

@media screen and (prefers-reduced-motion: reduce) {
html:focus-within {
scroll-behavior: auto;
animation-duration: 1ms !important;
animation-iteration-count: 1 !important;
transition-duration: 1ms !important; }

*, *::before, *::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important; }
}

body {
min-height: 100vh;
font-feature-settings: "liga" 1, "tnum" 1;
hanging-punctuation: first allow-end last;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: auto;
-moz-osx-font-smoothing: auto;
font-smooth: auto; }

[id] {
scroll-margin-top: var(--spacing-r); }

h1, h2, h3, h4 {
text-wrap: balance; }