Using `inherit` is IMHO more expressive since it means "use the color of
the parent element".
This is particularly useful for CONSUL installations using custom
styles. Consider the following code:
```
h2 {
color: $white;
a {
color: $white;
}
}
```
If we'd like to customize the way headings look, we'd have to override
two colors:
```
h2 {
color: $red;
a {
color: $red;
}
}
```
Consider the scenario where we use `inherit`:
```
h2 {
color: $white;
a {
color: inherit;
}
}
```
Now we only need to override one color to change the styles:
```
h2 {
color: $red;
}
```
Setting the color to `$white` or `#fff` while setting the background to
`$brand` is a pattern we were using in many places. Since we're going to
edit it in order to fix the `::selection` behavior, we're defining the
pattern in one place.
Cambios para hacer commit:
modificado: app/assets/stylesheets/application.scss
modificado: app/assets/stylesheets/datepicker_overrides.scss
borrado: app/assets/stylesheets/jquery-ui-theme_overrides.scss.erb
Cambios para hacer commit:
modificado: app/assets/stylesheets/application.scss
modificado: app/assets/stylesheets/datepicker_overrides.scss
nuevo archivo: app/assets/stylesheets/jquery-ui-theme_overrides.scss.erb
