From a2f5e070a0b46bbdddc9d40cea6e77432651596b Mon Sep 17 00:00:00 2001
From: James Power <thejamespower@gmail.com>
Date: Tue, 11 Oct 2016 18:05:41 +0100
Subject: [PATCH 1/9] Change property declaration order

---
 README.md | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/README.md b/README.md
index eecbd00..ad5098a 100644
--- a/README.md
+++ b/README.md
@@ -210,31 +210,30 @@ Use `0` instead of `none` to specify that a style has no border.
 
 ### Ordering of property declarations
 
-1. Property declarations
-
-    List all standard property declarations, anything that isn't an `@include` or a nested selector.
+1. `@include` declarations
 
+    Grouping `@include`s at the start makes discerning the output easier and allows overrides to be applied.
     ```scss
     .btn-green {
       background: green;
       font-weight: bold;
+      @include transition(background 0.5s ease);
       // ...
     }
     ```
 
-2. `@include` declarations
+2. Property declarations
 
-    Grouping `@include`s at the end makes it easier to read the entire selector.
+    List all standard property declarations, anything that isn't an `@include` or a nested selector.
 
     ```scss
     .btn-green {
       background: green;
       font-weight: bold;
-      @include transition(background 0.5s ease);
       // ...
     }
     ```
-
+    
 3. Nested selectors
 
     Nested selectors, _if necessary_, go last, and nothing goes after them. Add whitespace between your rule declarations and nested selectors, as well as between adjacent nested selectors. Apply the same guidelines as above to your nested selectors.

From a303fc40a5224075cb506ccf56c4805a1e4f84c7 Mon Sep 17 00:00:00 2001
From: James Power <thejamespower@gmail.com>
Date: Tue, 11 Oct 2016 18:05:57 +0100
Subject: [PATCH 2/9] Update README.md

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index ad5098a..1e59c6b 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-# Airbnb CSS / Sass Styleguide
+# Olice CSS / Sass Styleguide
 
 *A mostly reasonable approach to CSS and Sass*
 

From 3777b2b5143764fc7a8ba2f70a52220a92184105 Mon Sep 17 00:00:00 2001
From: James Power <thejamespower@gmail.com>
Date: Tue, 11 Oct 2016 18:07:27 +0100
Subject: [PATCH 3/9] Update README.md

---
 README.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/README.md b/README.md
index 1e59c6b..c4ef713 100644
--- a/README.md
+++ b/README.md
@@ -2,6 +2,8 @@
 
 *A mostly reasonable approach to CSS and Sass*
 
+Forked from AirBnB.
+
 ## Table of Contents
 
   1. [Terminology](#terminology)

From 216a787ee080664b610ba8da7ba19899313e7850 Mon Sep 17 00:00:00 2001
From: James Power <thejamespower@gmail.com>
Date: Wed, 12 Oct 2016 09:45:34 +0100
Subject: [PATCH 4/9] Update .scss-lint.yml

---
 .scss-lint.yml | 142 ++++++++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 136 insertions(+), 6 deletions(-)

diff --git a/.scss-lint.yml b/.scss-lint.yml
index d90fa16..8c7f4c2 100644
--- a/.scss-lint.yml
+++ b/.scss-lint.yml
@@ -9,27 +9,97 @@ linters:
   BemDepth:
     enabled: true
 
+  ChainedClasses:
+    enabled: true
+
+  ColorKeyword:
+    enabled: true
+
+  ColorVariable:
+    enabled: true
+
+  Comment:
+    enabled: true
+
   DeclarationOrder:
-    enabled: false
+    enabled: true
+
+  DuplicateProperty:
+    enabled: true
+
+  ElsePlacement:
+    style: new_line
+
+  EmptyLineBetweenBlocks:
+    enabled: true
+
+  FinalNewline:
+    enabled: true
+
+  HexLength:
+    enabled: true
+    style: short
+
+  HexValidation:
+    enabled: true
+
+  IdSelector:
+    enabled: true
+
+  ImportantRule:
+    enabled: true
 
-  ExtendDirective:
+  ImportPath:
+    enabled: true
+
+  Indentation:
     enabled: true
 
   LeadingZero:
-    enabled: false
+    enabled: true
+
+  LengthVariable:
+    enabled: true
+
+  MergeableSelector:
+    enabled: true
 
   NameFormat:
     enabled: true
 
+  NestingDepth:
+    enabled: true
+    ignore_parent_selectors: true
+
+  PlaceholderInExtend:
+    enabled: true
+
   PrivateNamingConvention:
     enabled: true
     prefix: _
 
   PropertySortOrder:
-    enabled: false
+    enabled: true
+    order: recess
+
+  PropertySpelling:
+    enabled: true
+
+  PropertyUnits:
+    global: ['em', 'rem', '%'] # Allow relative units globally
+    properties:
+      line-height: ['em']
+      margin: ['em', 'rem']  # No % allowed
+
+  PseudoElement:
+    enabled: true
 
   QualifyingElement:
-    enabled: false
+    enabled: true
+
+  SelectorDepth:
+    enabled: true
+    max_depth: 3
 
   SelectorFormat:
     enabled: true
@@ -37,10 +107,70 @@ linters:
     class_convention: ^(?!js-).*
     class_convention_explanation: should not be written in the form js-*
 
+  Shorthand:
+    enabled: true
+
   SingleLinePerProperty:
     enabled: true
     allow_single_line_rule_sets: false
 
+  SpaceAfterComma:
+    enabled: true
+
+  SpaceAfterComment:
+    enabled: true
+
+  SpaceAfterPropertyColon:
+    enabled: true
+
+  SpaceAfterPropertyName:
+    enabled: true
+
+  SpaceAfterVariableColon:
+    enabled: true
+
+  SpaceAfterVariableName:
+    enabled: true
+
+  SpaceAroundOperator:
+    enabled: true
+
+  SpaceBeforeBrace:
+    enabled: true
+
+  SpaceBetweenParens:
+    enabled: true
+
   StringQuotes:
     enabled: true
-    style: double_quotes
+    style: single_quotes
+
+  TrailingSemicolon:
+    enabled: true
+
+  TrailingWhitespace:
+    enabled: true
+
+  TransitionAll:
+    enabled: true
+
+  UnnecessaryMantissa:
+    enabled: true
+
+  UnnecessaryParentReference:
+    enabled: true
+
+  UrlFormat:
+    enabled: true
+
+  UrlQuotes:
+    enabled: true
+
+  VariableForProperty:
+    enabled: true
+
+  VendorPrefix:
+    enabled: true
+
+  ZeroUnit:
+    enabled: true

From cfd28b8dc27c0964eae224a9e2613042c6321d26 Mon Sep 17 00:00:00 2001
From: James Power <thejamespower@gmail.com>
Date: Thu, 13 Oct 2016 10:32:28 +0100
Subject: [PATCH 5/9] Create .csscomb.json

---
 .csscomb.json | 392 ++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 392 insertions(+)
 create mode 100644 .csscomb.json

diff --git a/.csscomb.json b/.csscomb.json
new file mode 100644
index 0000000..e493cd6
--- /dev/null
+++ b/.csscomb.json
@@ -0,0 +1,392 @@
+{
+  "remove-empty-rulesets": true,
+  "always-semicolon": true,
+  "color-case": "lower",
+  "block-indent": "  ",
+  "color-shorthand": true,
+  "element-case": "lower",
+  "eof-newline": true,
+  "leading-zero": false,
+  "quotes": "single",
+  "space-before-colon": "",
+  "space-after-colon": " ",
+  "space-before-combinator": " ",
+  "space-after-combinator": " ",
+  "space-between-declarations": "\n",
+  "space-before-opening-brace": " ",
+  "space-after-opening-brace": "\n",
+  "space-after-selector-delimiter": "\n",
+  "space-before-selector-delimiter": "",
+  "space-before-closing-brace": "\n",
+  "strip-spaces": true,
+  "tab-size": true,
+  "unitless-zero": true,
+  "sort-order": [
+    "position",
+    "top",
+    "right",
+    "bottom",
+    "left",
+    "z-index",
+    "display",
+    "float",
+    "width",
+    "height",
+    "max-width",
+    "max-height",
+    "min-width",
+    "min-height",
+    "padding",
+    "padding-top",
+    "padding-right",
+    "padding-bottom",
+    "padding-left",
+    "margin",
+    "margin-top",
+    "margin-right",
+    "margin-bottom",
+    "margin-left",
+    "overflow",
+    "-ms-overflow-x",
+    "overflow-x",
+    "-ms-overflow-y",
+    "overflow-y",
+    "clip",
+    "clear",
+    "font",
+    "font-family",
+    "font-size",
+    "font-style",
+    "font-weight",
+    "-webkit-hyphens",
+    "-moz-hyphens",
+    "hyphens",
+    "src",
+    "line-height",
+    "letter-spacing",
+    "word-spacing",
+    "color",
+    "text-align",
+    "text-decoration",
+    "text-indent",
+    "-ms-text-overflow",
+    "text-overflow",
+    "text-shadow",
+    "text-transform",
+    "-ms-word-break",
+    "word-break",
+    "-ms-word-wrap",
+    "word-wrap",
+    "white-space",
+    "vertical-align",
+    "list-style",
+    "list-style-type",
+    "list-style-position",
+    "list-style-image",
+    "pointer-events",
+    "cursor",
+    "background",
+    "background-attachment",
+    "background-color",
+    "background-image",
+    "background-position",
+    "background-repeat",
+    "background-size",
+    "border",
+    "border-collapse",
+    "border-top",
+    "border-right",
+    "border-bottom",
+    "border-left",
+    "border-color",
+    "border-top-color",
+    "border-right-color",
+    "border-bottom-color",
+    "border-left-color",
+    "border-spacing",
+    "border-style",
+    "border-top-style",
+    "border-right-style",
+    "border-bottom-style",
+    "border-left-style",
+    "border-width",
+    "border-top-width",
+    "border-right-width",
+    "border-bottom-width",
+    "border-left-width",
+    "-webkit-border-radius",
+    "-moz-border-radius",
+    "border-radius",
+    "-webkit-border-top-right-radius",
+    "border-top-right-radius",
+    "-webkit-border-bottom-right-radius",
+    "border-bottom-right-radius",
+    "-webkit-border-bottom-left-radius",
+    "border-bottom-left-radius",
+    "-webkit-border-top-left-radius",
+    "border-top-left-radius",
+    "-moz-border-radius-topright",
+    "-moz-border-radius-bottomright",
+    "-moz-border-radius-bottomleft",
+    "-moz-border-radius-topleft",
+    "content",
+    "quotes",
+    "outline",
+    "outline-offset",
+    "opacity",
+    "-webkit-filter",
+    "-ms-filter",
+    "filter",
+    "visibility",
+    "-ms-zoom",
+    "zoom",
+    "-webkit-transform",
+    "-moz-transform",
+    "-ms-transform",
+    "-o-transform",
+    "transform",
+    "-webkit-box-shadow",
+    "-moz-box-shadow",
+    "box-shadow",
+    "-webkit-box-sizing",
+    "-moz-box-sizing",
+    "box-sizing",
+    "table-layout",
+    "-webkit-animation",
+    "-moz-animation",
+    "-ms-animation",
+    "-o-animation",
+    "animation",
+    "-webkit-animation-delay",
+    "-moz-animation-delay",
+    "-ms-animation-delay",
+    "-o-animation-delay",
+    "animation-delay",
+    "-webkit-animation-duration",
+    "-moz-animation-duration",
+    "-ms-animation-duration",
+    "-o-animation-duration",
+    "animation-duration",
+    "-webkit-animation-iteration-count",
+    "-moz-animation-iteration-count",
+    "-ms-animation-iteration-count",
+    "-o-animation-iteration-count",
+    "animation-iteration-count",
+    "-webkit-animation-name",
+    "-moz-animation-name",
+    "-ms-animation-name",
+    "-o-animation-name",
+    "animation-name",
+    "-webkit-animation-play-state",
+    "-moz-animation-play-state",
+    "-ms-animation-play-state",
+    "-o-animation-play-state",
+    "animation-play-state",
+    "-webkit-animation-timing-function",
+    "-moz-animation-timing-function",
+    "-ms-animation-timing-function",
+    "-o-animation-timing-function",
+    "animation-timing-function",
+    "-webkit-transition",
+    "-moz-transition",
+    "-ms-transition",
+    "-o-transition",
+    "transition",
+    "-webkit-transition-delay",
+    "-moz-transition-delay",
+    "-ms-transition-delay",
+    "-o-transition-delay",
+    "transition-delay",
+    "-webkit-transition-duration",
+    "-moz-transition-duration",
+    "-ms-transition-duration",
+    "-o-transition-duration",
+    "transition-duration",
+    "-webkit-transition-property",
+    "-moz-transition-property",
+    "-ms-transition-property",
+    "-o-transition-property",
+    "transition-property",
+    "-webkit-transition-timing-function",
+    "-moz-transition-timing-function",
+    "-ms-transition-timing-function",
+    "-o-transition-timing-function",
+    "transition-timing-function",
+    "background-clip",
+    "resize",
+    "-ms-interpolation-mode",
+    "direction",
+    "unicode-bidi",
+    "-webkit-flex-direction",
+    "-moz-flex-direction",
+    "-ms-flex-direction",
+    "-o-flex-direction",
+    "flex-direction",
+    "-webkit-flex-order",
+    "-moz-flex-order",
+    "-ms-flex-order",
+    "-o-flex-order",
+    "flex-order",
+    "-webkit-flex-pack",
+    "-moz-flex-pack",
+    "-ms-flex-pack",
+    "-o-flex-pack",
+    "flex-pack",
+    "-webkit-flex-align",
+    "-moz-flex-align",
+    "-ms-flex-align",
+    "-o-flex-align",
+    "flex-align",
+    "outline-width",
+    "outline-style",
+    "outline-color",
+    "-webkit-border-image",
+    "-moz-border-image",
+    "-o-border-image",
+    "border-image",
+    "-webkit-border-image-source",
+    "-moz-border-image-source",
+    "-o-border-image-source",
+    "border-image-source",
+    "-webkit-border-image-slice",
+    "-moz-border-image-slice",
+    "-o-border-image-slice",
+    "border-image-slice",
+    "-webkit-border-image-width",
+    "-moz-border-image-width",
+    "-o-border-image-width",
+    "border-image-width",
+    "-webkit-border-image-outset",
+    "-moz-border-image-outset",
+    "-o-border-image-outset",
+    "border-image-outset",
+    "-webkit-border-image-repeat",
+    "-moz-border-image-repeat",
+    "-o-border-image-repeat",
+    "border-image-repeat",
+    "-webkit-border-top-image",
+    "-moz-border-top-image",
+    "-o-border-top-image",
+    "border-top-image",
+    "-webkit-border-right-image",
+    "-moz-border-right-image",
+    "-o-border-right-image",
+    "border-right-image",
+    "-webkit-border-bottom-image",
+    "-moz-border-bottom-image",
+    "-o-border-bottom-image",
+    "border-bottom-image",
+    "-webkit-border-left-image",
+    "-moz-border-left-image",
+    "-o-border-left-image",
+    "border-left-image",
+    "-webkit-border-corner-image",
+    "-moz-border-corner-image",
+    "-o-border-corner-image",
+    "border-corner-image",
+    "-webkit-border-top-left-image",
+    "-moz-border-top-left-image",
+    "-o-border-top-left-image",
+    "border-top-left-image",
+    "-webkit-border-top-right-image",
+    "-moz-border-top-right-image",
+    "-o-border-top-right-image",
+    "border-top-right-image",
+    "-webkit-border-bottom-right-image",
+    "-moz-border-bottom-right-image",
+    "-o-border-bottom-right-image",
+    "border-bottom-right-image",
+    "-webkit-border-bottom-left-image",
+    "-moz-border-bottom-left-image",
+    "-o-border-bottom-left-image",
+    "border-bottom-left-image",
+    "-ms-background-position-x",
+    "-ms-background-position-y",
+    "background-position-x",
+    "background-position-y",
+    "background-origin",
+    "box-decoration-break",
+    "caption-side",
+    "empty-cells",
+    "counter-increment",
+    "counter-reset",
+    "-ms-writing-mode",
+    "-webkit-text-align-last",
+    "-moz-text-align-last",
+    "-ms-text-align-last",
+    "text-align-last",
+    "text-emphasis",
+    "text-emphasis-position",
+    "text-emphasis-style",
+    "text-emphasis-color",
+    "-ms-text-justify",
+    "text-justify",
+    "text-outline",
+    "text-wrap",
+    "text-overflow-ellipsis",
+    "text-overflow-mode",
+    "-moz-tab-size",
+    "-o-tab-size",
+    "tab-size",
+    "font-variant",
+    "font-size-adjust",
+    "font-stretch",
+    "nav-index",
+    "nav-up",
+    "nav-right",
+    "nav-down",
+    "nav-left",
+    "-webkit-transform-origin",
+    "-moz-transform-origin",
+    "-ms-transform-origin",
+    "-o-transform-origin",
+    "transform-origin",
+    "-webkit-animation-direction",
+    "-moz-animation-direction",
+    "-ms-animation-direction",
+    "-o-animation-direction",
+    "animation-direction",
+    "-webkit-columns",
+    "-moz-columns",
+    "columns",
+    "-webkit-column-span",
+    "-moz-column-span",
+    "column-span",
+    "-webkit-column-width",
+    "-moz-column-width",
+    "column-width",
+    "-webkit-column-count",
+    "-moz-column-count",
+    "column-count",
+    "-webkit-column-fill",
+    "-moz-column-fill",
+    "column-fill",
+    "-webkit-column-gap",
+    "-moz-column-gap",
+    "column-gap",
+    "-webkit-column-rule",
+    "-moz-column-rule",
+    "column-rule",
+    "-webkit-column-rule-width",
+    "-moz-column-rule-width",
+    "column-rule-width",
+    "-webkit-column-rule-style",
+    "-moz-column-rule-style",
+    "column-rule-style",
+    "-webkit-column-rule-color",
+    "-moz-column-rule-color",
+    "column-rule-color",
+    "break-before",
+    "break-inside",
+    "break-after",
+    "page-break-before",
+    "page-break-inside",
+    "page-break-after",
+    "orphans",
+    "widows",
+    "max-zoom",
+    "min-zoom",
+    "user-zoom",
+    "orientation"
+  ]
+}

From de6d81193ae5e107ae9923eb38ca62ea52f79d40 Mon Sep 17 00:00:00 2001
From: James Power <thejamespower@gmail.com>
Date: Thu, 13 Oct 2016 10:39:47 +0100
Subject: [PATCH 6/9] Correct csscomb ordering for scss variables/includes

---
 .csscomb.json | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/.csscomb.json b/.csscomb.json
index e493cd6..ca05df0 100644
--- a/.csscomb.json
+++ b/.csscomb.json
@@ -22,6 +22,8 @@
   "tab-size": true,
   "unitless-zero": true,
   "sort-order": [
+    ["$variable"],
+    ["$include"],
     "position",
     "top",
     "right",

From cff3b65065524b32a5297d4e9378b4f1a0ce4cb6 Mon Sep 17 00:00:00 2001
From: James Power <thejamespower@gmail.com>
Date: Wed, 19 Oct 2016 13:57:58 +0100
Subject: [PATCH 7/9] Update .csscomb.json

Fixed tab-size and ordering
---
 .csscomb.json | 741 +++++++++++++++++++++++++-------------------------
 1 file changed, 372 insertions(+), 369 deletions(-)

diff --git a/.csscomb.json b/.csscomb.json
index ca05df0..81f6ec2 100644
--- a/.csscomb.json
+++ b/.csscomb.json
@@ -7,6 +7,7 @@
   "element-case": "lower",
   "eof-newline": true,
   "leading-zero": false,
+  "lines-between-rulesets": 1,
   "quotes": "single",
   "space-before-colon": "",
   "space-after-colon": " ",
@@ -19,376 +20,378 @@
   "space-before-selector-delimiter": "",
   "space-before-closing-brace": "\n",
   "strip-spaces": true,
-  "tab-size": true,
+  "tab-size": 2,
   "unitless-zero": true,
   "sort-order": [
-    ["$variable"],
-    ["$include"],
-    "position",
-    "top",
-    "right",
-    "bottom",
-    "left",
-    "z-index",
-    "display",
-    "float",
-    "width",
-    "height",
-    "max-width",
-    "max-height",
-    "min-width",
-    "min-height",
-    "padding",
-    "padding-top",
-    "padding-right",
-    "padding-bottom",
-    "padding-left",
-    "margin",
-    "margin-top",
-    "margin-right",
-    "margin-bottom",
-    "margin-left",
-    "overflow",
-    "-ms-overflow-x",
-    "overflow-x",
-    "-ms-overflow-y",
-    "overflow-y",
-    "clip",
-    "clear",
-    "font",
-    "font-family",
-    "font-size",
-    "font-style",
-    "font-weight",
-    "-webkit-hyphens",
-    "-moz-hyphens",
-    "hyphens",
-    "src",
-    "line-height",
-    "letter-spacing",
-    "word-spacing",
-    "color",
-    "text-align",
-    "text-decoration",
-    "text-indent",
-    "-ms-text-overflow",
-    "text-overflow",
-    "text-shadow",
-    "text-transform",
-    "-ms-word-break",
-    "word-break",
-    "-ms-word-wrap",
-    "word-wrap",
-    "white-space",
-    "vertical-align",
-    "list-style",
-    "list-style-type",
-    "list-style-position",
-    "list-style-image",
-    "pointer-events",
-    "cursor",
-    "background",
-    "background-attachment",
-    "background-color",
-    "background-image",
-    "background-position",
-    "background-repeat",
-    "background-size",
-    "border",
-    "border-collapse",
-    "border-top",
-    "border-right",
-    "border-bottom",
-    "border-left",
-    "border-color",
-    "border-top-color",
-    "border-right-color",
-    "border-bottom-color",
-    "border-left-color",
-    "border-spacing",
-    "border-style",
-    "border-top-style",
-    "border-right-style",
-    "border-bottom-style",
-    "border-left-style",
-    "border-width",
-    "border-top-width",
-    "border-right-width",
-    "border-bottom-width",
-    "border-left-width",
-    "-webkit-border-radius",
-    "-moz-border-radius",
-    "border-radius",
-    "-webkit-border-top-right-radius",
-    "border-top-right-radius",
-    "-webkit-border-bottom-right-radius",
-    "border-bottom-right-radius",
-    "-webkit-border-bottom-left-radius",
-    "border-bottom-left-radius",
-    "-webkit-border-top-left-radius",
-    "border-top-left-radius",
-    "-moz-border-radius-topright",
-    "-moz-border-radius-bottomright",
-    "-moz-border-radius-bottomleft",
-    "-moz-border-radius-topleft",
-    "content",
-    "quotes",
-    "outline",
-    "outline-offset",
-    "opacity",
-    "-webkit-filter",
-    "-ms-filter",
-    "filter",
-    "visibility",
-    "-ms-zoom",
-    "zoom",
-    "-webkit-transform",
-    "-moz-transform",
-    "-ms-transform",
-    "-o-transform",
-    "transform",
-    "-webkit-box-shadow",
-    "-moz-box-shadow",
-    "box-shadow",
-    "-webkit-box-sizing",
-    "-moz-box-sizing",
-    "box-sizing",
-    "table-layout",
-    "-webkit-animation",
-    "-moz-animation",
-    "-ms-animation",
-    "-o-animation",
-    "animation",
-    "-webkit-animation-delay",
-    "-moz-animation-delay",
-    "-ms-animation-delay",
-    "-o-animation-delay",
-    "animation-delay",
-    "-webkit-animation-duration",
-    "-moz-animation-duration",
-    "-ms-animation-duration",
-    "-o-animation-duration",
-    "animation-duration",
-    "-webkit-animation-iteration-count",
-    "-moz-animation-iteration-count",
-    "-ms-animation-iteration-count",
-    "-o-animation-iteration-count",
-    "animation-iteration-count",
-    "-webkit-animation-name",
-    "-moz-animation-name",
-    "-ms-animation-name",
-    "-o-animation-name",
-    "animation-name",
-    "-webkit-animation-play-state",
-    "-moz-animation-play-state",
-    "-ms-animation-play-state",
-    "-o-animation-play-state",
-    "animation-play-state",
-    "-webkit-animation-timing-function",
-    "-moz-animation-timing-function",
-    "-ms-animation-timing-function",
-    "-o-animation-timing-function",
-    "animation-timing-function",
-    "-webkit-transition",
-    "-moz-transition",
-    "-ms-transition",
-    "-o-transition",
-    "transition",
-    "-webkit-transition-delay",
-    "-moz-transition-delay",
-    "-ms-transition-delay",
-    "-o-transition-delay",
-    "transition-delay",
-    "-webkit-transition-duration",
-    "-moz-transition-duration",
-    "-ms-transition-duration",
-    "-o-transition-duration",
-    "transition-duration",
-    "-webkit-transition-property",
-    "-moz-transition-property",
-    "-ms-transition-property",
-    "-o-transition-property",
-    "transition-property",
-    "-webkit-transition-timing-function",
-    "-moz-transition-timing-function",
-    "-ms-transition-timing-function",
-    "-o-transition-timing-function",
-    "transition-timing-function",
-    "background-clip",
-    "resize",
-    "-ms-interpolation-mode",
-    "direction",
-    "unicode-bidi",
-    "-webkit-flex-direction",
-    "-moz-flex-direction",
-    "-ms-flex-direction",
-    "-o-flex-direction",
-    "flex-direction",
-    "-webkit-flex-order",
-    "-moz-flex-order",
-    "-ms-flex-order",
-    "-o-flex-order",
-    "flex-order",
-    "-webkit-flex-pack",
-    "-moz-flex-pack",
-    "-ms-flex-pack",
-    "-o-flex-pack",
-    "flex-pack",
-    "-webkit-flex-align",
-    "-moz-flex-align",
-    "-ms-flex-align",
-    "-o-flex-align",
-    "flex-align",
-    "outline-width",
-    "outline-style",
-    "outline-color",
-    "-webkit-border-image",
-    "-moz-border-image",
-    "-o-border-image",
-    "border-image",
-    "-webkit-border-image-source",
-    "-moz-border-image-source",
-    "-o-border-image-source",
-    "border-image-source",
-    "-webkit-border-image-slice",
-    "-moz-border-image-slice",
-    "-o-border-image-slice",
-    "border-image-slice",
-    "-webkit-border-image-width",
-    "-moz-border-image-width",
-    "-o-border-image-width",
-    "border-image-width",
-    "-webkit-border-image-outset",
-    "-moz-border-image-outset",
-    "-o-border-image-outset",
-    "border-image-outset",
-    "-webkit-border-image-repeat",
-    "-moz-border-image-repeat",
-    "-o-border-image-repeat",
-    "border-image-repeat",
-    "-webkit-border-top-image",
-    "-moz-border-top-image",
-    "-o-border-top-image",
-    "border-top-image",
-    "-webkit-border-right-image",
-    "-moz-border-right-image",
-    "-o-border-right-image",
-    "border-right-image",
-    "-webkit-border-bottom-image",
-    "-moz-border-bottom-image",
-    "-o-border-bottom-image",
-    "border-bottom-image",
-    "-webkit-border-left-image",
-    "-moz-border-left-image",
-    "-o-border-left-image",
-    "border-left-image",
-    "-webkit-border-corner-image",
-    "-moz-border-corner-image",
-    "-o-border-corner-image",
-    "border-corner-image",
-    "-webkit-border-top-left-image",
-    "-moz-border-top-left-image",
-    "-o-border-top-left-image",
-    "border-top-left-image",
-    "-webkit-border-top-right-image",
-    "-moz-border-top-right-image",
-    "-o-border-top-right-image",
-    "border-top-right-image",
-    "-webkit-border-bottom-right-image",
-    "-moz-border-bottom-right-image",
-    "-o-border-bottom-right-image",
-    "border-bottom-right-image",
-    "-webkit-border-bottom-left-image",
-    "-moz-border-bottom-left-image",
-    "-o-border-bottom-left-image",
-    "border-bottom-left-image",
-    "-ms-background-position-x",
-    "-ms-background-position-y",
-    "background-position-x",
-    "background-position-y",
-    "background-origin",
-    "box-decoration-break",
-    "caption-side",
-    "empty-cells",
-    "counter-increment",
-    "counter-reset",
-    "-ms-writing-mode",
-    "-webkit-text-align-last",
-    "-moz-text-align-last",
-    "-ms-text-align-last",
-    "text-align-last",
-    "text-emphasis",
-    "text-emphasis-position",
-    "text-emphasis-style",
-    "text-emphasis-color",
-    "-ms-text-justify",
-    "text-justify",
-    "text-outline",
-    "text-wrap",
-    "text-overflow-ellipsis",
-    "text-overflow-mode",
-    "-moz-tab-size",
-    "-o-tab-size",
-    "tab-size",
-    "font-variant",
-    "font-size-adjust",
-    "font-stretch",
-    "nav-index",
-    "nav-up",
-    "nav-right",
-    "nav-down",
-    "nav-left",
-    "-webkit-transform-origin",
-    "-moz-transform-origin",
-    "-ms-transform-origin",
-    "-o-transform-origin",
-    "transform-origin",
-    "-webkit-animation-direction",
-    "-moz-animation-direction",
-    "-ms-animation-direction",
-    "-o-animation-direction",
-    "animation-direction",
-    "-webkit-columns",
-    "-moz-columns",
-    "columns",
-    "-webkit-column-span",
-    "-moz-column-span",
-    "column-span",
-    "-webkit-column-width",
-    "-moz-column-width",
-    "column-width",
-    "-webkit-column-count",
-    "-moz-column-count",
-    "column-count",
-    "-webkit-column-fill",
-    "-moz-column-fill",
-    "column-fill",
-    "-webkit-column-gap",
-    "-moz-column-gap",
-    "column-gap",
-    "-webkit-column-rule",
-    "-moz-column-rule",
-    "column-rule",
-    "-webkit-column-rule-width",
-    "-moz-column-rule-width",
-    "column-rule-width",
-    "-webkit-column-rule-style",
-    "-moz-column-rule-style",
-    "column-rule-style",
-    "-webkit-column-rule-color",
-    "-moz-column-rule-color",
-    "column-rule-color",
-    "break-before",
-    "break-inside",
-    "break-after",
-    "page-break-before",
-    "page-break-inside",
-    "page-break-after",
-    "orphans",
-    "widows",
-    "max-zoom",
-    "min-zoom",
-    "user-zoom",
-    "orientation"
+    [
+      "$variable",
+      "$include",
+      "position",
+      "top",
+      "right",
+      "bottom",
+      "left",
+      "z-index",
+      "display",
+      "float",
+      "width",
+      "height",
+      "max-width",
+      "max-height",
+      "min-width",
+      "min-height",
+      "padding",
+      "padding-top",
+      "padding-right",
+      "padding-bottom",
+      "padding-left",
+      "margin",
+      "margin-top",
+      "margin-right",
+      "margin-bottom",
+      "margin-left",
+      "overflow",
+      "-ms-overflow-x",
+      "overflow-x",
+      "-ms-overflow-y",
+      "overflow-y",
+      "clip",
+      "clear",
+      "font",
+      "font-family",
+      "font-size",
+      "font-style",
+      "font-weight",
+      "-webkit-hyphens",
+      "-moz-hyphens",
+      "hyphens",
+      "src",
+      "line-height",
+      "letter-spacing",
+      "word-spacing",
+      "color",
+      "text-align",
+      "text-decoration",
+      "text-indent",
+      "-ms-text-overflow",
+      "text-overflow",
+      "text-shadow",
+      "text-transform",
+      "-ms-word-break",
+      "word-break",
+      "-ms-word-wrap",
+      "word-wrap",
+      "white-space",
+      "vertical-align",
+      "list-style",
+      "list-style-type",
+      "list-style-position",
+      "list-style-image",
+      "pointer-events",
+      "cursor",
+      "background",
+      "background-attachment",
+      "background-color",
+      "background-image",
+      "background-position",
+      "background-repeat",
+      "background-size",
+      "border",
+      "border-collapse",
+      "border-top",
+      "border-right",
+      "border-bottom",
+      "border-left",
+      "border-color",
+      "border-top-color",
+      "border-right-color",
+      "border-bottom-color",
+      "border-left-color",
+      "border-spacing",
+      "border-style",
+      "border-top-style",
+      "border-right-style",
+      "border-bottom-style",
+      "border-left-style",
+      "border-width",
+      "border-top-width",
+      "border-right-width",
+      "border-bottom-width",
+      "border-left-width",
+      "-webkit-border-radius",
+      "-moz-border-radius",
+      "border-radius",
+      "-webkit-border-top-right-radius",
+      "border-top-right-radius",
+      "-webkit-border-bottom-right-radius",
+      "border-bottom-right-radius",
+      "-webkit-border-bottom-left-radius",
+      "border-bottom-left-radius",
+      "-webkit-border-top-left-radius",
+      "border-top-left-radius",
+      "-moz-border-radius-topright",
+      "-moz-border-radius-bottomright",
+      "-moz-border-radius-bottomleft",
+      "-moz-border-radius-topleft",
+      "content",
+      "quotes",
+      "outline",
+      "outline-offset",
+      "opacity",
+      "-webkit-filter",
+      "-ms-filter",
+      "filter",
+      "visibility",
+      "-ms-zoom",
+      "zoom",
+      "-webkit-transform",
+      "-moz-transform",
+      "-ms-transform",
+      "-o-transform",
+      "transform",
+      "-webkit-box-shadow",
+      "-moz-box-shadow",
+      "box-shadow",
+      "-webkit-box-sizing",
+      "-moz-box-sizing",
+      "box-sizing",
+      "table-layout",
+      "-webkit-animation",
+      "-moz-animation",
+      "-ms-animation",
+      "-o-animation",
+      "animation",
+      "-webkit-animation-delay",
+      "-moz-animation-delay",
+      "-ms-animation-delay",
+      "-o-animation-delay",
+      "animation-delay",
+      "-webkit-animation-duration",
+      "-moz-animation-duration",
+      "-ms-animation-duration",
+      "-o-animation-duration",
+      "animation-duration",
+      "-webkit-animation-iteration-count",
+      "-moz-animation-iteration-count",
+      "-ms-animation-iteration-count",
+      "-o-animation-iteration-count",
+      "animation-iteration-count",
+      "-webkit-animation-name",
+      "-moz-animation-name",
+      "-ms-animation-name",
+      "-o-animation-name",
+      "animation-name",
+      "-webkit-animation-play-state",
+      "-moz-animation-play-state",
+      "-ms-animation-play-state",
+      "-o-animation-play-state",
+      "animation-play-state",
+      "-webkit-animation-timing-function",
+      "-moz-animation-timing-function",
+      "-ms-animation-timing-function",
+      "-o-animation-timing-function",
+      "animation-timing-function",
+      "-webkit-transition",
+      "-moz-transition",
+      "-ms-transition",
+      "-o-transition",
+      "transition",
+      "-webkit-transition-delay",
+      "-moz-transition-delay",
+      "-ms-transition-delay",
+      "-o-transition-delay",
+      "transition-delay",
+      "-webkit-transition-duration",
+      "-moz-transition-duration",
+      "-ms-transition-duration",
+      "-o-transition-duration",
+      "transition-duration",
+      "-webkit-transition-property",
+      "-moz-transition-property",
+      "-ms-transition-property",
+      "-o-transition-property",
+      "transition-property",
+      "-webkit-transition-timing-function",
+      "-moz-transition-timing-function",
+      "-ms-transition-timing-function",
+      "-o-transition-timing-function",
+      "transition-timing-function",
+      "background-clip",
+      "resize",
+      "-ms-interpolation-mode",
+      "direction",
+      "unicode-bidi",
+      "-webkit-flex-direction",
+      "-moz-flex-direction",
+      "-ms-flex-direction",
+      "-o-flex-direction",
+      "flex-direction",
+      "-webkit-flex-order",
+      "-moz-flex-order",
+      "-ms-flex-order",
+      "-o-flex-order",
+      "flex-order",
+      "-webkit-flex-pack",
+      "-moz-flex-pack",
+      "-ms-flex-pack",
+      "-o-flex-pack",
+      "flex-pack",
+      "-webkit-flex-align",
+      "-moz-flex-align",
+      "-ms-flex-align",
+      "-o-flex-align",
+      "flex-align",
+      "outline-width",
+      "outline-style",
+      "outline-color",
+      "-webkit-border-image",
+      "-moz-border-image",
+      "-o-border-image",
+      "border-image",
+      "-webkit-border-image-source",
+      "-moz-border-image-source",
+      "-o-border-image-source",
+      "border-image-source",
+      "-webkit-border-image-slice",
+      "-moz-border-image-slice",
+      "-o-border-image-slice",
+      "border-image-slice",
+      "-webkit-border-image-width",
+      "-moz-border-image-width",
+      "-o-border-image-width",
+      "border-image-width",
+      "-webkit-border-image-outset",
+      "-moz-border-image-outset",
+      "-o-border-image-outset",
+      "border-image-outset",
+      "-webkit-border-image-repeat",
+      "-moz-border-image-repeat",
+      "-o-border-image-repeat",
+      "border-image-repeat",
+      "-webkit-border-top-image",
+      "-moz-border-top-image",
+      "-o-border-top-image",
+      "border-top-image",
+      "-webkit-border-right-image",
+      "-moz-border-right-image",
+      "-o-border-right-image",
+      "border-right-image",
+      "-webkit-border-bottom-image",
+      "-moz-border-bottom-image",
+      "-o-border-bottom-image",
+      "border-bottom-image",
+      "-webkit-border-left-image",
+      "-moz-border-left-image",
+      "-o-border-left-image",
+      "border-left-image",
+      "-webkit-border-corner-image",
+      "-moz-border-corner-image",
+      "-o-border-corner-image",
+      "border-corner-image",
+      "-webkit-border-top-left-image",
+      "-moz-border-top-left-image",
+      "-o-border-top-left-image",
+      "border-top-left-image",
+      "-webkit-border-top-right-image",
+      "-moz-border-top-right-image",
+      "-o-border-top-right-image",
+      "border-top-right-image",
+      "-webkit-border-bottom-right-image",
+      "-moz-border-bottom-right-image",
+      "-o-border-bottom-right-image",
+      "border-bottom-right-image",
+      "-webkit-border-bottom-left-image",
+      "-moz-border-bottom-left-image",
+      "-o-border-bottom-left-image",
+      "border-bottom-left-image",
+      "-ms-background-position-x",
+      "-ms-background-position-y",
+      "background-position-x",
+      "background-position-y",
+      "background-origin",
+      "box-decoration-break",
+      "caption-side",
+      "empty-cells",
+      "counter-increment",
+      "counter-reset",
+      "-ms-writing-mode",
+      "-webkit-text-align-last",
+      "-moz-text-align-last",
+      "-ms-text-align-last",
+      "text-align-last",
+      "text-emphasis",
+      "text-emphasis-position",
+      "text-emphasis-style",
+      "text-emphasis-color",
+      "-ms-text-justify",
+      "text-justify",
+      "text-outline",
+      "text-wrap",
+      "text-overflow-ellipsis",
+      "text-overflow-mode",
+      "-moz-tab-size",
+      "-o-tab-size",
+      "tab-size",
+      "font-variant",
+      "font-size-adjust",
+      "font-stretch",
+      "nav-index",
+      "nav-up",
+      "nav-right",
+      "nav-down",
+      "nav-left",
+      "-webkit-transform-origin",
+      "-moz-transform-origin",
+      "-ms-transform-origin",
+      "-o-transform-origin",
+      "transform-origin",
+      "-webkit-animation-direction",
+      "-moz-animation-direction",
+      "-ms-animation-direction",
+      "-o-animation-direction",
+      "animation-direction",
+      "-webkit-columns",
+      "-moz-columns",
+      "columns",
+      "-webkit-column-span",
+      "-moz-column-span",
+      "column-span",
+      "-webkit-column-width",
+      "-moz-column-width",
+      "column-width",
+      "-webkit-column-count",
+      "-moz-column-count",
+      "column-count",
+      "-webkit-column-fill",
+      "-moz-column-fill",
+      "column-fill",
+      "-webkit-column-gap",
+      "-moz-column-gap",
+      "column-gap",
+      "-webkit-column-rule",
+      "-moz-column-rule",
+      "column-rule",
+      "-webkit-column-rule-width",
+      "-moz-column-rule-width",
+      "column-rule-width",
+      "-webkit-column-rule-style",
+      "-moz-column-rule-style",
+      "column-rule-style",
+      "-webkit-column-rule-color",
+      "-moz-column-rule-color",
+      "column-rule-color",
+      "break-before",
+      "break-inside",
+      "break-after",
+      "page-break-before",
+      "page-break-inside",
+      "page-break-after",
+      "orphans",
+      "widows",
+      "max-zoom",
+      "min-zoom",
+      "user-zoom",
+      "orientation"
+    ]
   ]
 }

From aaa5b7b943ba16cbea25d7cfe87812fe31d2dfd3 Mon Sep 17 00:00:00 2001
From: James Power <thejamespower@gmail.com>
Date: Thu, 20 Oct 2016 12:52:24 +0100
Subject: [PATCH 8/9] Update .csscomb.json

Better sort order
---
 .csscomb.json | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/.csscomb.json b/.csscomb.json
index 81f6ec2..c5e359b 100644
--- a/.csscomb.json
+++ b/.csscomb.json
@@ -25,7 +25,9 @@
   "sort-order": [
     [
       "$variable",
-      "$include",
+      "$include"
+    ],
+    [
       "position",
       "top",
       "right",
@@ -392,6 +394,9 @@
       "min-zoom",
       "user-zoom",
       "orientation"
+    ],
+    [
+      "$include media"
     ]
   ]
 }

From 0ccf1e86f2c13c6e04ba9c7daff90715e28fb187 Mon Sep 17 00:00:00 2001
From: James Power <thejamespower@gmail.com>
Date: Tue, 8 Nov 2016 13:54:56 +0000
Subject: [PATCH 9/9] Update .csscomb.json

---
 .csscomb.json | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/.csscomb.json b/.csscomb.json
index c5e359b..db6d16c 100644
--- a/.csscomb.json
+++ b/.csscomb.json
@@ -1,14 +1,14 @@
 {
-  "remove-empty-rulesets": true,
   "always-semicolon": true,
-  "color-case": "lower",
   "block-indent": "  ",
+  "color-case": "lower",
   "color-shorthand": true,
   "element-case": "lower",
   "eof-newline": true,
   "leading-zero": false,
   "lines-between-rulesets": 1,
   "quotes": "single",
+  "remove-empty-rulesets": true,
   "space-before-colon": "",
   "space-after-colon": " ",
   "space-before-combinator": " ",
@@ -24,7 +24,9 @@
   "unitless-zero": true,
   "sort-order": [
     [
-      "$variable",
+      "$variable"
+    ],
+    [
       "$include"
     ],
     [
@@ -393,10 +395,14 @@
       "max-zoom",
       "min-zoom",
       "user-zoom",
-      "orientation"
+      "orientation",
+      "..."
     ],
     [
-      "$include media"
+      "$include media",
+      "$include media-min",
+      "$include respond",
+      "$include respond-to"
     ]
   ]
 }