In our SASS files in the Library project, Sakai has a _compass.scss file containing a number of SASS mixins for short-handing CSS properties, particularly browser prefixes.
There are a few issues with some of these mixins:
- vendor prefixes should appear first, so they can be overridden by non-prefixed styles
- the justify-content mixin contains an include for display-flex, while none of the other flex-related mixins have an include (this either causes duplication in the output or improper usage)
- the display-flex mixin requires a parameter to be passed in, but it is not used for the webkit-prefixed style inside the rule
Fix these issues to improve the output and usage of these mixins.