sourcegraph · sqs · Apr 4, 2019 · Apr 4, 2019 · Apr 4, 2019
diff --git a/website/.stylelintrc.json b/website/.stylelintrc.json
@@ -1,32 +1,3 @@
 {
-  "extends": ["stylelint-config-standard", "stylelint-config-prettier"],
-  "plugins": ["stylelint-scss"],
-  "rules": {
-    "at-rule-no-unknown": null,
-    "scss/at-rule-no-unknown": [true],
-    "color-named": "always-where-possible",
-    "declaration-block-no-duplicate-properties": [
-      true,
-      {
-        "ignore": ["consecutive-duplicates-with-different-values"]
-      }
-    ],
-    "declaration-empty-line-before": null,
-    "indentation": 4,
-    "max-empty-lines": 1,
-    "no-duplicate-selectors": true,
-    "scss/dollar-variable-pattern": "^[a-z\\d](?:[a-z\\d]|-(?=[a-z\\d]))*$",
-    "scss/selector-no-redundant-nesting-selector": true,
-    "selector-class-pattern": [
-      "^[a-z0-9-]+(__[a-z0-9-]+)?(--[a-z0-9-]+)?$",
-      {
-        "message": "Please follow BEM naming conventions",
-        "resolveNestedSelectors": true
-      }
-    ],
-    "string-quotes": "single",
-    "value-no-vendor-prefix": true,
-    "font-family-no-missing-generic-family-keyword": null,
-    "no-descending-specificity": null
-  }
+  "extends": ["@sourcegraph/stylelint-config"]
 }
diff --git a/website/package.json b/website/package.json
@@ -55,6 +55,7 @@
   },
   "devDependencies": {
     "@sourcegraph/prettierrc": "^2.1.1",
+    "@sourcegraph/stylelint-config": "^1.1.2",
     "@sourcegraph/tslint-config": "^13.0.0",
     "@types/bootstrap": "^4.1.0",
     "@types/lodash": "^4.14.109",
@@ -67,8 +68,6 @@
     "prettier": "^1.14.2",
     "sharp": "^0.22.0",
     "stylelint": "^9.2.1",
-    "stylelint-config-prettier": "^5.0.0",
-    "stylelint-config-standard": "^18.2.0",
     "stylelint-scss": "^3.1.0",
     "tslint": "^5.10.0",
     "typescript": "^3.1.2"

diff --git a/website/src/css/_colors.scss b/website/src/css/_colors.scss
@@ -24,7 +24,7 @@ $light-8: #cad2e2;
 $light-9: #d7ddea;
 $light-10: #e4e9f1;
 $light-11: #f2f4f8;
-$light-12: white;
+$light-12: #ffffff;
 
 $red-0: #fff5f5;
 $red-1: #ffe3e3;

diff --git a/website/src/css/_prism.scss b/website/src/css/_prism.scss
@@ -1,3 +1,4 @@
+// stylelint-disable declaration-property-unit-whitelist
 code[class*='language-'],
 pre[class*='language-'] {
     color: #657b83;

diff --git a/website/src/css/components/_Footer.scss b/website/src/css/components/_Footer.scss
@@ -1,3 +1,4 @@
+// stylelint-disable declaration-property-unit-whitelist
 .footer__block {
     background: $dark-10;
     color: $light-2;
@@ -19,7 +20,7 @@
             margin: 0 0 0 -8px;
         }
         @media screen and (max-width: $media-md) {
-            padding-bottom: .2rem;
+            padding-bottom: 0.2rem;
             margin-top: -2.5rem;
 
             .footer__contact {
@@ -29,9 +30,9 @@
     }
 
     .footer__extend {
-        transition: all .3s ease-in-out;
+        transition: all 0.3s ease-in-out;
         * {
-            transition: all .3s ease-in-out;
+            transition: all 0.3s ease-in-out;
         }
         h3 {
             cursor: pointer;
@@ -41,16 +42,16 @@
             padding-left: 0;
             li {
                 @media screen and (max-width: $media-md) {
-                    transition: all .3s ease-in-out;
+                    transition: all 0.3s ease-in-out;
                     position: relative;
                     top: -60px;
                     overflow: hidden;
                 }
             }
-
         }
         @media screen and (min-width: $media-md) {
-            input, .close--icon {
+            input,
+            .close--icon {
                 display: none;
             }
         }
@@ -60,14 +61,17 @@
             }
             padding-top: 6px;
             border-top: solid 1px $light-2;
-            &.community, &.company, &.features, &.resources {
+            &.community,
+            &.company,
+            &.features,
+            &.resources {
                 .close--icon {
                     height: 18px;
                     width: 18px;
                     position: absolute;
                     top: calc(1rem - 8px);
                     right: 1rem;
-                    transition: all .3s ease-in-out;
+                    transition: all 0.3s ease-in-out;
                     transform: rotate(-45deg);
                     svg {
                         height: 18px;
@@ -78,36 +82,36 @@
                     }
                 }
                 li:last-child {
-                    padding-bottom: .5rem;
+                    padding-bottom: 0.5rem;
                 }
                 input {
                     width: 100%;
                     height: 2rem;
                     position: absolute;
-                    top: 0px;
+                    top: 0;
                     opacity: 0;
                     cursor: pointer;
                     z-index: 9999;
-                    & + ul {
+                    + ul {
                         display: hidden;
-                        height: 0px;
+                        height: 0;
                         padding: 0;
                     }
                     &:checked + ul {
                         display: block;
                         height: 100%;
                     }
                     &:checked + ul li {
-                        transition: all .3s ease-in-out;
+                        transition: all 0.3s ease-in-out;
                         display: block;
-                        top: 0px;
+                        top: 0;
                     }
                     &:checked ~ .close--icon {
                         transform: rotate(0deg);
                     }
                 }
             }
-        } 
+        }
     }
 
     .social__column {
@@ -134,7 +138,7 @@
         text-transform: uppercase;
         font-weight: 400;
         font-size: 1rem;
-        letter-spacing: .1rem;
+        letter-spacing: 0.1rem;
     }
     ul {
         color: $light-6;
@@ -171,7 +175,7 @@
             @media screen and (max-width: $media-md) {
                 float: none;
                 a:first-of-type {
-                margin-left: 0rem;
+                    margin-left: 0;
                 }
             }
         }

diff --git a/website/src/css/components/_Header.scss b/website/src/css/components/_Header.scss
@@ -1,5 +1,4 @@
-// head
-
+// stylelint-disable declaration-property-unit-whitelist
 .header {
     background-color: #f2f4f8;
     padding: 1rem;

diff --git a/website/src/css/components/_NavigationTabs.scss b/website/src/css/components/_NavigationTabs.scss
diff --git a/website/src/css/components/_Testimonials.scss b/website/src/css/components/_Testimonials.scss
@@ -1,4 +1,4 @@
-// testimonials
+// stylelint-disable declaration-property-unit-whitelist
 .carousel {
     padding: 2rem 0;
     .twitter-tweet {
@@ -43,4 +43,4 @@
         min-height: 660px;
         margin: auto;
     }
-}
+}
diff --git a/website/src/css/pages/_404.scss b/website/src/css/pages/_404.scss
@@ -1,4 +1,4 @@
-// 404
+// stylelint-disable declaration-property-unit-whitelist
 
 .error-page {
     display: flex;
@@ -10,7 +10,7 @@
     background: url('/c-sprinkles-blank.svg');
     background-size: cover;
     @media screen and (max-width: $media-md) {
-        background: #fff;
+        background: #ffffff;
         background-size: 220%;
     }
 

diff --git a/website/src/css/pages/_about.scss b/website/src/css/pages/_about.scss
@@ -7,7 +7,7 @@
         padding: 3rem 0 0 0;
         background-color: $light-10;
         &-container {
-            background-color: white;
+            background-color: #ffffff;
             padding: 2rem 2rem;
             border-top-left-radius: 0.5rem;
             border-top-right-radius: 0.5rem;

diff --git a/website/src/css/pages/_blog-post.scss b/website/src/css/pages/_blog-post.scss
@@ -1,3 +1,4 @@
+// stylelint-disable declaration-property-unit-whitelist
 .blog-post {
     margin: auto;
     width: 980px;
@@ -19,7 +20,8 @@
         p {
             margin: 1rem 0;
         }
-        li > p:first-child, li > p:last-child {
+        li > p:first-child,
+        li > p:last-child {
             margin: 0;
         }
 

diff --git a/website/src/css/pages/_browser.scss b/website/src/css/pages/_browser.scss
@@ -1,3 +1,4 @@
+// stylelint-disable declaration-property-unit-whitelist
 .browser {
     padding: 3rem 0;
     &__card {

diff --git a/website/src/css/pages/_content.scss b/website/src/css/pages/_content.scss
@@ -1,5 +1,3 @@
-// Content pages
-
 .content-page {
     &__title {
         text-align: center;