https://github.com/lamualfa/windicss-debug-screens

Alternative tailwindcss-debug-screens in Windi CSS
https://github.com/lamualfa/windicss-debug-screens

debug plugin screen tailwindcss windicss

Last synced: 8 months ago
JSON representation

Alternative tailwindcss-debug-screens in Windi CSS

• Host: GitHub
• URL: https://github.com/lamualfa/windicss-debug-screens
• Owner: lamualfa
• Created: 2021-07-02T18:27:59.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2021-07-02T19:07:55.000Z (over 4 years ago)
• Last Synced: 2025-01-01T04:52:55.377Z (9 months ago)
• Topics: debug, plugin, screen, tailwindcss, windicss
• Size: 3.91 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# windicss-debug-screens

Alternative [tailwindcss-debug-screens](https://github.com/jorenvanhee/tailwindcss-debug-screens) in Windi CSS.

![image](https://user-images.githubusercontent.com/39755201/124317822-f7e30500-dba1-11eb-8273-e5be4937b9ae.png)

> Source: https://github.com/jorenvanhee/tailwindcss-debug-screens

## Features

- Zero dependencies

- Really fully customizable

- No need to install any additional dependencies

- Just copy and paste it

See the Demo [here](https://windicss.org/play.html?html=DwEwlgbgBAxgNgQwM5ILwHIQFMBGBXAcwFokYAnLLAOyXQD5gB6cCOoA&css=HQEwpgRgrg5gtAZwMYCcxgHYIAQG8BQAkAAICGADuQDYCe2EYAZgPZoBcEzALl8wLZwADPSaswbKky5CRLdowCWADzAhZYtgC84AbQBMARgAsAdiMAOAMwA2UwF117ckrgHH4rmCXSEfdx3gIKlIkAGt-T284AHcACwVPfwRY0hBmaLglKmxiXw5RdiRmDE8S3QAiZDRMNl9yh2I%2BEHy5cSKSzGkdStR0DDYm%2BpyqGBaNdtKunur%2BkaHiLLHC4smKqr62LPm9RYZWtgnOtd6anaohgB48vfGVo%2B71moxisHqAbnwAXyA).

## Preparation

Base class names:

`before:change-position-y-0 before:change-position-x-0 before:fixed before:z-[2147483647] before:px-1 before:text-sm before:bg-black before:text-white before:shadow-xl @sm:before:content-["screen:sm"] @md:before:content-["screen:md"] @lg:before:content-["screen:lg"] @xl:before:content-["screen:xl"] @2xl:before:content-["screen:2xl"]