[Site] Helper classes
See original GitHub issueCreate 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:
- Created 5 years ago
- Reactions:7
- Comments:8 (5 by maintainers)
Top 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 >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
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
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: