René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Please add tailwindcss-debug-screens","articleBody":"I've try `transform` API from `windicss/helpers`, and it's not work.\r\n\r\nThen, i've start to re-create this plugin in WindiCSS version. But i stuck in a problem **How to add some styles only in specific rule?**. I've been looking some references in WindiCSS utiities source code and i found [this](https://github.com/windicss/windicss/blob/728d1875f1f764ee8870913fccf1e68eb7c77954/src/lib/utilities/dynamic.ts#L50). I don't know how to use `atRule` API exactly because there is no clear documentation about that. I am sorry, for now i have no idea to help this needs. \r\n\r\nCan anyone help to re-write this plugin in WindiCSS version?\r\n\r\nhttps://github.com/jorenvanhee/tailwindcss-debug-screens\r\n\r\n\u003chr /\u003e\r\n\r\nThe `tailwindcss-debug-screens` plugin is useful to know what exactly the screen size of current window.\r\n\r\n![image](https://user-images.githubusercontent.com/39755201/124310834-f8c26980-db96-11eb-9d83-84cf1a7ebfc7.png)\r\n\r\n\u003chr/\u003e\r\n\r\n### Update\r\n\r\nFor now, I have a temporary simple solution. I've written the instructions here: \r\n\r\nhttps://github.com/lamualfa/windicss-debug-screens","author":{"url":"https://github.com/lamualfa","@type":"Person","name":"lamualfa"},"datePublished":"2021-07-02T17:49:36.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":0},"url":"https://github.com/7/plugins/issues/7"}