Make a official css utilities
See original GitHub issueWhat problem does this feature solve?
Sometime we need to bring some css effect to our custom component(or just a div/span tag).
But use three party utilities may cause side effects. copy from repositories not a good idea neither.
How about make a official css utilities, like bootstrap utilities, or https://css.sitetent.com/utilities.html. but use color palette
and break point
setting same with Antd
.
What does the proposed API look like?
import 'antd/lib/utilities.less';
import { Card } form 'antd';
render (
<Card>
<span class="margin-sm color-primary">...</span>
...
</Card>
);
Issue Analytics
- State:
- Created 6 years ago
- Reactions:3
- Comments:5 (2 by maintainers)
Top Results From Across the Web
Utilities | U.S. Web Design System (USWDS)
Utility module name Class base Gzip size Default full size
add‑aspect add‑aspect‑ 0.08 KB 0.44 KB
add‑list‑reset add‑list‑reset 0.02 KB 0.12 KB
align‑items flex‑ 0.04 KB...
Read more >SASS Tutorial (build your own CSS library) #14 - YouTube
Get the full SASS course now on Net Ninja ... SASS Tutorial ( build your own CSS library) #14 - Making Utility Classes....
Read more >CSS Utility Classes and "Separation of Concerns"
One of the best practices you'll hear about when you're trying to learn how to CSS good is "separation of concerns." The idea...
Read more >CSS utility classes: Your library of extendable styles
Learn what CSS utility classes are and why you should be using them, plus how to build your own super-powered utility framework in...
Read more >Primer CSS Utilities - GeeksforGeeks
Padding: Padding is used to create space around the element, inside any defined border. We can set different padding for individual sides(top, ...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Nope, we won’t expose class utilities.
use https://www.npmjs.com/package/antd-css-utilities