-
-
Notifications
You must be signed in to change notification settings - Fork 332
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat(*): add dynamic LESS compilation of component variations #781
Conversation
Added support for adjustable sizes, so we only have to define all desired sizes in a list @variationButtonSizes: mini, tiny, small, large, big, huge, massive; This would also allow someone to add even more/custom desired size definition names at a central place as long as the appropriate font-size variables will be also declared in a custom theme's site.variables: @thin: 0.1em;
@fat: 2em;
@ultra: 10em;
@unbelievable: 15em;
@variationButtonSizes: mini, small, thin, fat, ultra, unbelievable; |
…variationButtonSize:false'
This is something I thought about too, and I think it's dooable. It will provide a great customization level and will allow a better final framework size. |
@lubber-de anything happening with this? |
Nobody, beside @prudho replied so far.. But that also means nobody complained about it 😊 |
# Conflicts: # src/definitions/elements/button.less
… indeterminate and fitted optional
…, ribbon, tag, basic, circular, image, attached and size optional
…r, loading, icon, labeled, action, fluid and size optional
…and size optional
…ed, fitted, dividing, block, attached, tags and size optional
…, aligned, floated, fluid, avatar, spaced, centered, groups and size optional
…mage, floated, link, aligned, fitted, animated, horizontal, suffixed, selection, divided, celled, relaxed and size optional
# Conflicts: # src/definitions/collections/table.less # src/definitions/elements/input.less # src/definitions/elements/list.less
@hammy2899 Merged develop and resolved the conflicts 🙂 |
# Conflicts: # src/definitions/collections/form.less # src/definitions/elements/input.less # src/definitions/modules/dropdown.less # src/definitions/modules/slider.less
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM 😅🎉👍
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LATM (Looks Awesome To Me) 👍 🥇
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Took me some time, but finally reviewed it... LGTM
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
# Conflicts: # src/definitions/collections/table.less # src/definitions/elements/container.less # src/definitions/modules/toast.less # src/definitions/views/card.less
954187e
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM
Docs added by fomantic/Fomantic-UI-Docs#377 |
Description
This PR is a proposal for a solution to allow users to define which variations of an element will be compiled .
It was often requested to have a possibility to remove certain variations of an element from of the compiled CSS File.
I invented a central file
variation.variables
which is loaded into the default site.variables to enable all variations by default. If now somebody wants to remove for example thetertiary
variant of thebutton
element one just has to add@variationButtonTertiary: false
to their custom themessite.variables
Side effect improvements
divider
,reveal
andcard
also have size options nowheader
andstatistic
also received missing size options (mini,big,massive)statistic
size options