question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Make a official css utilities

See original GitHub issue

What 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:closed
  • Created 6 years ago
  • Reactions:3
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

42reactions
afc163commented, Dec 15, 2017

Nope, we won’t expose class utilities.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found