40 ms·
What about a classes like primary-color, secondary-color, danger-color & success-color? Having two elements share the same color creates a relation between the
by sbergot 7y ago
What about a classes like primary-color, secondary-color, danger-color & success-color?
Having two elements share the same color creates a relation between the two elements. If you have decided to use the same color for both elements it is probably because this color has a specific meaning. If the color of one of the elements changes it is probably a good idea to also change the other element.
- saagarjha 7y agoThat sounds like an excellent use case for CSS variables.
- dsego 7y agoThose were not supported across all browsers for a long time (recently IE11). Also, a variable only covers one property and is not adequate to extract many shared properties. Less/sass mixins and inheritance are a good way to extract reusable parts shared between components.
- uk_programmer 7y agoIf you call things what they are it works out better e.g. a class for a call to action class="btn-cta". Want a large call to action button class="btn-cta btn-large" or similar. I really should write something on forgotten simpler CSS / JavaScript techniques.
- justanotherc 7y agoThis is exactly what Bootstrap does...
- uk_programmer 7y agoKind of and kind of doesn’t. I am saying you should call stuff what it is. So a larger component maybe (this comment text box for example) the styling that belongs to that should all be grouped logically together. The easiest way to do this is have a element with a class attached called comment text box. Bootstrap does this on some components but it has loads of positional bits and pieces mixed. Also the components are fairly generic.