Is there a way to define the same style for multiple headings? about tailwindcss-typography HOT 6 CLOSED

You can combine them, it's just CSS:

'h1, h2, h3': { color: 'purple' }

from tailwindcss-typography.

You need to setup one by one, as that is the way they are configured: https://github.com/tailwindlabs/tailwindcss-typography/blob/master/src/styles.js#L68

from tailwindcss-typography.

@adamwathan, thanks. Does that mean, I can add custom styles like

For example:

   'div.ql-video': {
      width: '100%',
      height: '400px'
        }

Just trying to figure out how to set styles for a video on a blog post that uses quill js. Quill JS adds its own css classes to the elements, so a bit confused about how to use it. I am hoping it makes sense

from tailwindcss-typography.

@adamwathan, thanks. Does that mean, I can add custom styles like

For example:

   'div.ql-video': {
      width: '100%',
      height: '400px'
        }

Just trying to figure out how to set styles for a video on a blog post that uses quill js. Quill JS adds its own css classes to the elements, so a bit confused about how to use it. I am hoping it makes sense

did you try it first?

from tailwindcss-typography.

@adamwathan, thanks. Does that mean, I can add custom styles like

For example:

   'div.ql-video': {
      width: '100%',
      height: '400px'
        }

Just trying to figure out how to set styles for a video on a blog post that uses quill js. Quill JS adds its own css classes to the elements, so a bit confused about how to use it. I am hoping it makes sense

Yep, this works. It will resolve to .prose div.ql-video.

from tailwindcss-typography.

You need to setup one by one, as that is the way they are configured: https://github.com/tailwindlabs/tailwindcss-typography/blob/master/src/styles.js#L68

Thank you that worked, tho I was expecting

DEFAULT: {
  css: {
    headings: {
      fontWeight: "unset",
    },

to just work as prose-headings:{utility} exists, but it's not a big deal

from tailwindcss-typography.