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.

[Site] Helper classes

See original GitHub issue

Create helper classes for padding, margin and may be responsive breakpoints.

Original Issue: https://github.com/Semantic-Org/Semantic-UI/issues/6195

Examples:

large top margin
small left padding
only show on mobile
only show on computer
dont show on tablet
only show on tablet and mobile

etc.

Issue Analytics

  • State:open
  • Created 5 years ago
  • Reactions:7
  • Comments:8 (5 by maintainers)

github_iconTop GitHub Comments

4reactions
lubber-decommented, Oct 11, 2018

I am using the css additions from https://github.com/Semantic-Org/Semantic-UI/issues/1114#issuecomment-201057438 which adds global support for

mobile only mobile hidden, tablet only tablet hidden computer only computer hidden large screen only large screen hidden widescreen only widescreen hidden or lower hidden

and works flawlessly so far

1reaction
ivantcholakovcommented, Jan 26, 2021

https://github.com/Semantic-Org/Semantic-UI/issues/6195#issuecomment-465525195

P.S.: https://github.com/Semantic-Org/Semantic-UI/issues/6195#issuecomment-767167898

Something for margins/paddings would be useful. Because I hate my buttons to stick vertically like that:

image

Read more comments on GitHub >

github_iconTop Results From Across the Web

Using Helper Classes to DRY and Scale CSS - SitePoint
Helper classes can help remove repetition by creating a set of abstract classes that can be used over and over on HTML elements....
Read more >
4 handy “helper” classes for your Webflow projects
These 4 tiny but powerful classes — which we like to think of as “helper” classes — can simplify and speed up those...
Read more >
Helper class - Wikipedia
A utility class is a special case of a helper class in which the methods are all static. In general, helper classes do...
Read more >
CSS Helper Classes | Themeco Docs
CSS Helper Classes are CSS Classes that are defined in X/Pro readily available to use in any element on your site that will...
Read more >
Typography Helpers | Foundation for Sites 6 Docs
Our helper classes allow you to scaffold certain typographic styles faster.
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