Merge pull request #18 from h5bp/stylelint

Create .stylelintrc

.stylelintrc

@@ -0,0 +1,96 @@
+{
+  "extends": "stylelint-config-recommended",
+  "rules":
+    {
+      "at-rule-empty-line-before":
+        [
+          "always",
+          {
+            except: ["blockless-after-same-name-blockless", "first-nested"],
+            ignore: ["after-comment"],
+          },
+        ],
+      "at-rule-name-case": "lower",
+      "at-rule-name-space-after": "always-single-line",
+      "at-rule-semicolon-newline-after": "always",
+      "block-closing-brace-empty-line-before": "never",
+      "block-closing-brace-newline-after": "always",
+      "block-closing-brace-newline-before": "always-multi-line",
+      "block-closing-brace-space-before": "always-single-line",
+      "block-opening-brace-newline-after": "always-multi-line",
+      "block-opening-brace-space-after": "always-single-line",
+      "block-opening-brace-space-before": "always",
+      "color-hex-case": "lower",
+      "color-hex-length": "short",
+      "comment-whitespace-inside": "always",
+      "custom-property-empty-line-before":
+        [
+          "always",
+          {
+            except: ["after-custom-property", "first-nested"],
+            ignore: ["after-comment", "inside-single-line-block"],
+          },
+        ],
+      "declaration-bang-space-after": "never",
+      "declaration-bang-space-before": "always",
+      "declaration-block-semicolon-newline-after": "always-multi-line",
+      "declaration-block-semicolon-space-after": "always-single-line",
+      "declaration-block-semicolon-space-before": "never",
+      "declaration-block-single-line-max-declarations": 1,
+      "declaration-block-trailing-semicolon": "always",
+      "declaration-colon-newline-after": "always-multi-line",
+      "declaration-colon-space-after": "always-single-line",
+      "declaration-colon-space-before": "never",
+      "declaration-empty-line-before":
+        [
+          "always",
+          {
+            except: ["after-declaration", "first-nested"],
+            ignore: ["after-comment", "inside-single-line-block"],
+          },
+        ],
+      "function-comma-newline-after": "always-multi-line",
+      "function-comma-space-after": "always-single-line",
+      "function-comma-space-before": "never",
+      "function-max-empty-lines": 0,
+      "function-name-case": "lower",
+      "function-parentheses-newline-inside": "always-multi-line",
+      "function-parentheses-space-inside": "never-single-line",
+      "function-whitespace-after": "always",
+      "indentation": 2,
+      "length-zero-no-unit": true,
+      "max-empty-lines": 1,
+      "media-feature-colon-space-after": "always",
+      "media-feature-colon-space-before": "never",
+      "media-feature-name-case": "lower",
+      "media-feature-parentheses-space-inside": "never",
+      "media-feature-range-operator-space-after": "always",
+      "media-feature-range-operator-space-before": "always",
+      "media-query-list-comma-newline-after": "always-multi-line",
+      "media-query-list-comma-space-after": "always-single-line",
+      "media-query-list-comma-space-before": "never",
+      "no-eol-whitespace": true,
+      "no-missing-end-of-source-newline": true,
+      "number-leading-zero": "always",
+      "number-no-trailing-zeros": true,
+      "property-case": "lower",
+      "selector-attribute-brackets-space-inside": "never",
+      "selector-attribute-operator-space-after": "never",
+      "selector-attribute-operator-space-before": "never",
+      "selector-combinator-space-after": "always",
+      "selector-combinator-space-before": "always",
+      "selector-descendant-combinator-no-non-space": true,
+      "selector-list-comma-newline-after": "always",
+      "selector-list-comma-space-before": "never",
+      "selector-max-empty-lines": 0,
+      "selector-pseudo-class-case": "lower",
+      "selector-pseudo-class-parentheses-space-inside": "never",
+      "selector-pseudo-element-case": "lower",
+      "selector-type-case": "lower",
+      "unit-case": "lower",
+      "value-list-comma-newline-after": "always-multi-line",
+      "value-list-comma-space-after": "always-single-line",
+      "value-list-comma-space-before": "never",
+      "value-list-max-empty-lines": 0,
+    },
+}

dist/_mqs.css

@@ -10,8 +10,8 @@
 }
 
 @media print,
-(-webkit-min-device-pixel-ratio: 1.25),
-(min-resolution: 1.25dppx),
-(min-resolution: 120dpi) {
+  (-webkit-min-device-pixel-ratio: 1.25),
+  (min-resolution: 1.25dppx),
+  (min-resolution: 120dpi) {
   /* Style adjustments for high resolution devices */
 }

dist/_print.css

@@ -12,7 +12,6 @@
     background: transparent !important;
     color: #000 !important;
     /* Black prints faster */
-    -webkit-box-shadow: none !important;
     box-shadow: none !important;
     text-shadow: none !important;
   }

dist/main.css

@@ -5,7 +5,7 @@
  * Kroc Camen, and the H5BP dev community and team.
  */
 
- /* ==========================================================================
+/* ==========================================================================
    Base styles: opinionated defaults
    ========================================================================== */
 
@@ -87,26 +87,11 @@ textarea {
   padding: 0.2em 0;
 }
 
- /* ==========================================================================
+/* ==========================================================================
    Author's custom styles
    ========================================================================== */
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- /* ==========================================================================
+/* ==========================================================================
    Helper classes
    ========================================================================== */
 
@@ -189,7 +174,7 @@ textarea {
   clear: both;
 }
 
- /* ==========================================================================
+/* ==========================================================================
    EXAMPLE Media Queries for Responsive Design.
    These examples override the primary ('mobile first') styles.
    Modify as content requires.
@@ -200,13 +185,13 @@ textarea {
 }
 
 @media print,
-(-webkit-min-device-pixel-ratio: 1.25),
-(min-resolution: 1.25dppx),
-(min-resolution: 120dpi) {
+  (-webkit-min-device-pixel-ratio: 1.25),
+  (min-resolution: 1.25dppx),
+  (min-resolution: 120dpi) {
   /* Style adjustments for high resolution devices */
 }
 
- /* ==========================================================================
+/* ==========================================================================
    Print styles.
    Inlined to avoid the additional HTTP request:
    https://www.phpied.com/delay-loading-your-print-css/
@@ -272,4 +257,3 @@ textarea {
   }
 }
 
-

package.json

@@ -30,7 +30,8 @@
     "gulp-autoprefixer": "^6.0.0",
     "gulp-cssimport": "^7.0.0",
     "gulp-header": "^2.0.7",
-    "gulp-load-plugins": "^1.5.0"
+    "gulp-load-plugins": "^1.5.0",
+    "stylelint-config-recommended": "^2.1.0"
   },
   "babel": {
     "presets": [

src/_custom.css

@@ -1,18 +1,3 @@
 /* ==========================================================================
    Author's custom styles
    ========================================================================== */
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-

src/_mqs.css

@@ -9,8 +9,8 @@
 }
 
 @media print,
-(-webkit-min-device-pixel-ratio: 1.25),
-(min-resolution: 1.25dppx),
-(min-resolution: 120dpi) {
+  (-webkit-min-device-pixel-ratio: 1.25),
+  (min-resolution: 1.25dppx),
+  (min-resolution: 120dpi) {
   /* Style adjustments for high resolution devices */
 }

src/_print.css

@@ -11,7 +11,6 @@
     background: transparent !important;
     color: #000 !important;
     /* Black prints faster */
-    -webkit-box-shadow: none !important;
     box-shadow: none !important;
     text-shadow: none !important;
   }

src/main.css

@@ -4,9 +4,8 @@
  * Kroc Camen, and the H5BP dev community and team.
  */
 
- @import url(_base.css);
- @import url(_custom.css);
- @import url(_helpers.css);
- @import url(_mqs.css);
- @import url(_print.css);
-
+@import url(_base.css);
+@import url(_custom.css);
+@import url(_helpers.css);
+@import url(_mqs.css);
+@import url(_print.css);