How to Create Your Own TailwindCSS Plugin

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 ต.ค. 2024

ความคิดเห็น • 10

  • @Warp9pnt9
    @Warp9pnt9 3 ปีที่แล้ว +2

    More helpful than the official docs. Looking for the video of the next logical step - passing options.

    • @ado
      @ado  3 ปีที่แล้ว

      Sounds good. I'll create one :)

  • @gelbehexe2010
    @gelbehexe2010 3 ปีที่แล้ว +1

    Thank you for your video. I was trying to write a plugin for doing a in fact simple thing: when the classes for the variant ‘disabled’ are created it creates them targeting elements having the attribute “disabled”. I want that it additionally targets elements with class “disabled”. E. G: “.disabled\:opacity-75:disabled’ and “.disabled\:opacity-75.disabled”. This should be done at best automatically for all things where variant “disabled” is enabled including plugins. But I did not succeed yet. Do you have any suggestions for me? Sources where to read? The documentation does not say much about such thinks. Thanks in advance 🙏

  • @royalbhati7837
    @royalbhati7837 4 ปีที่แล้ว +1

    good stuff 👍

  • @GeneralNovais
    @GeneralNovais 2 ปีที่แล้ว

    Hi.
    When I put the plugin require in the config I get an Error: Cannot find module
    I've tried in several ways, it's as if the file is not recognized as a plugin
    Would you know why?

  • @GMERT
    @GMERT 2 ปีที่แล้ว

    What is it not working. I just followed your learn now and it's not working. It works when I have the bg-coral at the addUtilities but when I changed it to namedStyles it did not work any longer

  • @victorpotes
    @victorpotes 3 ปีที่แล้ว

    Thank you so much, it's a great video, but I havent' been able to add an utility to hide the scrollbar without losing it's functionality.
    This is the css code:
    /* Hide scrollbar for Chrome, Safari and Opera */
    .no-scrollbar::-webkit-scrollbar {
    display: none;
    }
    /* Hide scrollbar for IE, Edge and Firefox */
    .no-scrollbar {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    }
    But I try to integrate it in Tailwind via plugins but it hasn't worked yet. Is it possible you can help me?
    Thank you!

    • @victorpotes
      @victorpotes 3 ปีที่แล้ว

      Just in case someone is going through the same problem than me, I could solve it updating tailwindCSS

  • @returnZeroo
    @returnZeroo 3 ปีที่แล้ว

    thanks

  • @Kira-gc2jg
    @Kira-gc2jg 3 ปีที่แล้ว

    thankss