A base CSS reset should be used. Currently this is normalize.css.
Some base elements, such as tables and buttons, may have specialized styling. We should determine if this styling needs to be added to the elements themselves, or as a class. The advantage of adding it directly, is we guarantee the styles are used without additional work. However in some cases these elements may be used in other contexts, and the extra styling would need to be removed.
We can attach classes to Widgets via manipulating classes on the elements. We can then use CSS classes both on Widget.element, and on its internal elements.
We should avoid using LESS to attach class names to Widgets.
Inline styles may be used in specific cases where additional styling will unlikely occur. For example, this includes toggling display: none;. However, this can just as easily be done by toggling a class, in which case more properties may be controller at once.
Color palette should be stored in colors.less.
General settings should be stored in settings.less.
No variables from settings.less are used in mixins.less, only parameters.
All Widget specific styles should be stored in their own *-settings.less files in their respective folders.
All Widget specific styles should be able to be compiled individually.
A base CSS reset should be used. Currently this is
normalize.css
.Some base elements, such as tables and buttons, may have specialized styling. We should determine if this styling needs to be added to the elements themselves, or as a class. The advantage of adding it directly, is we guarantee the styles are used without additional work. However in some cases these elements may be used in other contexts, and the extra styling would need to be removed.
We can attach classes to Widgets via manipulating classes on the elements. We can then use CSS classes both on
Widget.element
, and on its internal elements.We should avoid using LESS to attach class names to Widgets.
Inline styles may be used in specific cases where additional styling will unlikely occur. For example, this includes toggling
display: none;
. However, this can just as easily be done by toggling a class, in which case more properties may be controller at once.colors.less
.settings.less
.settings.less
are used inmixins.less
, only parameters.*-settings.less
files in their respective folders.