| @import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"); | |
| :root { | |
| --base-line-height: 24px; | |
| --base-line-ratio: 0.64; | |
| --base-font-size: calc(var(--base-line-height) * var(--base-line-ratio)); | |
| --typescale: 1.14; | |
| --typescale-lg: 1.25; | |
| --title-size: clamp(30px, 7vw, 60px); | |
| --stat-font-size: clamp(5rem, 30cqi, 8rem); | |
| --sjs-red: #ee3540; |
| @import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"); | |
| :root { | |
| --base-line-height: 24px; | |
| --base-line-ratio: 18/28; | |
| --base-font-size: calc(var(--base-line-height) * var(--base-line-ratio)); | |
| --typescale: 1.25; | |
| --title-size: clamp(30px, 7vw, 60px); | |
| --sjs-red: #ee3540; | |
| --stat-font-size: clamp(5rem, 30cqi, 8rem); | |
| --font-TT-bold: "TT Commons Bold", Roboto, Helvetica, Arial, sans-serif; |
| .image-mock{ | |
| display: block; | |
| margin: 2rem auto; | |
| width: 100%; | |
| max-width: 1500px; | |
| outline: 2px dashed orange; | |
| position: relative; | |
| } | |
| .image-mock:after{ | |
| position: absolute; |
| .middle { | |
| --tsa-red-wcag: #e12d3c; | |
| --tsa-red: var(--tsa-red-wcag); | |
| --tsa-navy: #003450; | |
| --soft-red: #dd4847; | |
| --bright-red: #FF1232; | |
| --main-font-size: 170px; | |
| --feature-font-size: 4vw; | |
| --secondary-font-size: 6vw; | |
| --br: 3px; |
'SuperCoach Bye Baby 2024' is a 'UserStyle' designed for use with the Supercoach AFL website - essentially an extra layer of styling (CSS) information added by your own browser. There's no magic or hacking - it simple unveils information already present in every page.
You are free to turn it on or off, or remove it any time you like.