Refine order/order rule to account for @media rule usage

- Do not be so strict with rule usage, it may make sense for blocks (e.g. @media) to be after other content
- Closes wagtail#37

README.md

@@ -76,7 +76,7 @@ Our default export contains all of our Stylelint rules, along with specific plug
 | [`no-invalid-double-slash-comments`][29]                     | Enabled                                                             |
 | [`no-invalid-position-at-import-rule`][30]                   | `{"ignoreAtRules":["use","forward"]}`                               |
 | [`no-irregular-whitespace`][31]                              | Enabled                                                             |
-| [`order/order`][32]                                          | `[{"name":"include","type":"at-rule"},"declarations"]`              |
+| [`order/order`][32]                                          | Enabled - [see Config][config]                                      |
 | [`property-disallowed-list`][33]                             | `["/forced-color-adjust/","/left/","/right/","text-transform"]`     |
 | [`property-no-unknown`][34]                                  | Enabled                                                             |
 | [`property-no-vendor-prefix`][35]                            | Enabled                                                             |

index.js

@@ -35,10 +35,9 @@ module.exports = {
     'no-empty-source': true,
     // Mixins should always be first in declarations
     'order/order': [
-      {
-        name: 'include',
-        type: 'at-rule',
-      },
+      'dollar-variables',
+      'custom-properties',
+      { type: 'at-rule', hasBlock: false }, // @-rules that have no nesting.
       'declarations',
     ],
     'property-disallowed-list': [