George Adamson

TLDR: We can test for equality, less-than and greater-than by using a combination of calc(), abs() and sign(). Others, such as Lea Verou, have written superb guides about using binary logic to perform conditions in CSS, using CSS Variables with values of 0 or 1. Until CSS supports @if and @else then we have to make do with such workarounds. Often however, we have numbers other than 0 or 1 in our CSS Variables so it would be handy if we could compare numeric values and drive logic from them.

CSS sign() is not well supported but can be 'polyfilled' with calc & clamp: --input: 10; /* <-- Any number */ --num: calc(var(--input) * infinity); --sign: clamp(-1, var(--num), 1); Handy if you're attempting conditional logic and you need 0's and 1's instead of numbers. (What? Why? Read more about ). How it works: Multiply by infinity to give us 0 or +/- infinity to avoid rounding errors when dealing with very small decimals.

1 INTRODUCTION On August 10, 1988, Maltese academic David Attard argued for climate to be considered a shared global heritage (Attard 1988, cited in McGhie, 2020). Attard's concept of climate's heritage value was broadly conceptualized, part of “an effort to ensure that our planet Earth remains fit to sustain human life.” Here we make the case for a re-examination of this concept of climate as heritage.