Skip to content

Hint for capitalizing first letter of words via CSS #3

Description

@S0AndS0

Excellent implementation of Fizzbuzz! I did notice though that ya can use...

li::first-letter {
  text-transform: uppercase;
}

... to capitalize the first letter of each output word, this would enable fizz and buzz to be joined via ::before and ::after elements without camel-casing.

For completeness I purpose that CSS be similar to...

ol {
  list-style-position: inside;
}

li:nth-child(3),
li:nth-child(5) {
  list-style: none;
}

li:nth-child(3n)::before {
  content: "fizz";
}

li:nth-child(5n)::after {
  content: "buzz";
}

li::first-letter {
  text-transform: uppercase;
}

If ya add an Open Source license to this repository I'll be happy to submit a Pull Request with these changes.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions