Lint for css that will break RTL
Lint for css that will break RTL

Closes: CORE-1808

these are all the properties that you need to wrap in the sass direction
Helper so they automatically flip for you in RTL

Test plan:
* go to a file that says `float: right;`
* run `yarn stylelint path/to/that/file.scss`
* it should complain about that rule

* change it to `text-align: direction(right);`
* run stylelint again
* it should not complain

Change-Id: I88ff06189b384c2e7fa3d1cd09b273ffb0061160
Reviewed-on: https://gerrit.instructure.com/162840
Tested-by: Jenkins
Reviewed-by: Landon Gilbert-Bland <60d9ff23682c863d36b48b4c32c5ce5f434d29c0@instructure.com>
QA-Review: Ryan Shaw <ea3cd978650417470535f3a4725b6b5042a6ab59@instructure.com>
Product-Review: Ryan Shaw <ea3cd978650417470535f3a4725b6b5042a6ab59@instructure.com>

sfu/canvas-lms,djbender/canvas-lms,sfu/canvas-lms,djbender/canvas-lms,sfu/canvas-lms,sfu/canvas-lms,sfu/canvas-lms,djbender/canvas-lms,instructure/canvas-lms,instructure/canvas-lms,instructure/canvas-lms,instructure/canvas-lms,sfu/canvas-lms,djbender/canvas-lms,instructure/canvas-lms,instructure/canvas-lms,instructure/canvas-lms,sfu/canvas-lms