Minimal Snippets™️ Season 1

I’m proud to announce the next innovation in Minimal Snippets™®!

Today I bring to you the first entry in Season 1, “Minimalister.css”! This snippet will make all problems with your complex writing fade right away by simply making the text less visible! With the patent pending first-letter-finder technology, you’ll be reading like never before. Try it today!

:is(.cm-line, p, h1, h2, h3, h4, h5, h6) {
  color: var(--color-base-40);
  word-spacing: 1ch;
  animation: linear 8s infinite alternate funny;
}

:is(.cm-line, p, h1, h2, h3, h4, h5, h6)::first-letter {
  padding: 0.2rem;
  margin: 1rem;
  
  background-color: var(--text-highlight-bg);
  color: var(--text-normal);
  font-size: 2em;
  font-weight: bold;
  font-style: italic;
  font-family: "comic sans ms";
  box-shadow: 2px 2px 4px var(--color-accent);
  text-decoration: underline overline wavy 4px var(--color-accent);
  text-shadow: 2px 2px 10px var(--color-yellow),
    2px 2px 7px var(--color-orange),
    2px 2px 4px var(--color-red),
    4px 4px,
    0px -0.25em rgba(var(--color-cyan-rgb), 0.1);
}

@keyframes funny {
  0% {
    transform: rotate(-1deg);
  }
  100% {
    transform: rotate(1deg);
  }
}
3 Likes

Lookin’ good! I’m so focused now.

The tilt is a nice touch.

3 Likes