Fomantic-ui: [Site] Helper classes

[hammy2899]

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.

[hammy2899]

Going to put this on hold for now until the device visibility is more thought out.

[lubber-de]

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

[hammy2899]

@lubber-de That could be a starting point

[etshy]

Is it still on hold ?

It could be good to have these kind of helpers directly inside the library

[hammy2899]

@etshy This is on hold for now because we want to do more then just these modifiers and we also want to make it customizable as much as possible allow users to put these classes on anything and different combinations and for it to still work. This will take a lot of testing/work which is why it is on hold.

[etshy]

oooh, nice.

Thanks for all that work. 👍