Comments (3)
Because I prefer to code like this:
<form>
<input type="text">
<button type="submit">Action</button>
</form>
Rather than like this:
<form class="form form-modifier margin padding align">
<div class="input-wrapper input-wrapper-modifier margin padding">
<input type="text" class="input input-type-modifier input-style-modifier input-size-modifier">
</div>
<button type="submit" class="button button-style-modifier button-size-modifier action-trigger margin padding">
Action
</button>
</form>
from pico.
Tailwindcss has a tailwindcss-typography plugin, if implement picocss as a tailwindcss-picocss plugin, maybe it bring simplicity and flexibility at the same time.
<article class="prose">
{{ markdown }}
</article>
<body class="pico">
<form>
<input type="text" class="text-green-500">
<button type="submit">Action</button>
</form>
</body>
from pico.
I'm open for a tailwindcss-picocss
plugin.
from pico.
Related Issues (20)
- pico v2: Customization Doc HOT 3
- <summary role=button> is not recommended by ARIA spec HOT 2
- Missing close icon in `classless` stylesheet HOT 2
- Don't rely on <main> being a direct child of <body> HOT 14
- Better grouping of details content and summary dropdown HOT 2
- v2 loading on search group not working HOT 5
- CSS breaks when p is not the last item in a modal HOT 1
- Non-Modal Dialogs are rendered with Buttons to the left (instead to the right) HOT 3
- v2: Links with aria-current="false" get the same treatment as if the link is for an active page HOT 1
- v2: role "group" on buttons HOT 6
- v2/docs: loading link example HOT 1
- aria-busy with tooltip unexpected rendering HOT 2
- Form group with hidden input (Pico v2) HOT 2
- Details has a temporary visual gap after opening
- v2: Explicitly specifying the implicit role of a fieldset element changes the styling HOT 3
- Forced dark theme doesn't work on HTML elements. HOT 4
- React Toastify Not Working properly
- v2: the selected options of an unfocussed select multiple element are not readable in dark mode HOT 5
- Missing Theme Builder HOT 2
- Remove "cursor: default" HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from pico.