From ab3d5ee88452df84690bfaa5d24cdaadc6ed9e3a Mon Sep 17 00:00:00 2001
From: Florian Kissling <flo@6230.org>
Date: Sun, 7 Jun 2015 00:46:05 +0200
Subject: [PATCH] Ditch Sass' indented syntax.

---
 docs/_sass/_alert.sass             | 32 ----------------
 docs/_sass/_alert.scss             | 40 ++++++++++++++++++++
 docs/_sass/_result-repository.sass | 47 -----------------------
 docs/_sass/_result-repository.scss | 60 ++++++++++++++++++++++++++++++
 4 files changed, 100 insertions(+), 79 deletions(-)
 delete mode 100644 docs/_sass/_alert.sass
 create mode 100644 docs/_sass/_alert.scss
 delete mode 100644 docs/_sass/_result-repository.sass
 create mode 100644 docs/_sass/_result-repository.scss

diff --git a/docs/_sass/_alert.sass b/docs/_sass/_alert.sass
deleted file mode 100644
index 73207719..00000000
--- a/docs/_sass/_alert.sass
+++ /dev/null
@@ -1,32 +0,0 @@
-.alert
-  padding: 20px
-  margin: 20px 0
-  border: 1px solid #eee
-  border-left-width: 5px
-  border-radius: 3px
-  background: #fff
-  color: #333
-
-  h4
-    margin-top: 0
-    margin-bottom: 5px
-    font-size: 18px
-
-  &-danger
-    border-left-color: #CE4844
-    h4
-      color: #CE4844
-
-  &-info
-    border-left-color: #1B809E
-    h4
-      color: #1B809E
-
-  &-warning
-    border-left-color: #AA6708
-    h4
-      color: #AA6708
-
-@media (min-width: 768px)
-  .alert
-    padding: 20px
diff --git a/docs/_sass/_alert.scss b/docs/_sass/_alert.scss
new file mode 100644
index 00000000..fe0edae5
--- /dev/null
+++ b/docs/_sass/_alert.scss
@@ -0,0 +1,40 @@
+.alert {
+  padding: 20px;
+  margin: 20px 0;
+  border: 1px solid #eee;
+  border-left-width: 5px;
+  border-radius: 3px;
+  background: #fff;
+  color: #333;
+
+  h4 {
+    margin-top: 0;
+    margin-bottom: 5px;
+    font-size: 18px;
+  }
+
+  &-danger {
+    border-left-color: #CE4844;
+
+    h4 {
+      color: #CE4844;
+    }
+  }
+
+  &-info {
+    border-left-color: #1B809E;
+
+    h4 {
+      color: #1B809E;
+    }
+  }
+
+  &-warning {
+    border-left-color: #AA6708;
+
+    h4 {
+      color: #AA6708;
+    }
+  }
+}
+
diff --git a/docs/_sass/_result-repository.sass b/docs/_sass/_result-repository.sass
deleted file mode 100644
index f346e39d..00000000
--- a/docs/_sass/_result-repository.sass
+++ /dev/null
@@ -1,47 +0,0 @@
-.select2-result-repository
-  padding-top: 4px
-  padding-bottom: 3px
-
-  &__avatar
-    float: left
-    width: 60px
-    margin-right: 10px
-    img
-      width: 100%
-      height: auto
-      border-radius: 2px
-
-  &__meta
-    margin-left: 70px
-
-  &__title
-    color: black
-    font-weight: bold
-    word-wrap: break-word
-    line-height: 1.1
-    margin-bottom: 4px
-
-  &__forks,
-  &__stargazers
-    margin-right: 1em
-
-  &__forks,
-  &__stargazers,
-  &__watchers
-    display: inline-block
-    color: #aaa
-    font-size: 11px
-
-  &__description
-    font-size: 13px
-    color: #777
-    margin-top: 4px
-
-  .select2-results__option--highlighted &
-    &__title
-      color: white
-    &__forks,
-    &__stargazers,
-    &__description,
-    &__watchers
-      color: mix(#428BCA, white, 30%)
diff --git a/docs/_sass/_result-repository.scss b/docs/_sass/_result-repository.scss
new file mode 100644
index 00000000..e790f1fc
--- /dev/null
+++ b/docs/_sass/_result-repository.scss
@@ -0,0 +1,60 @@
+.select2-result-repository {
+  padding-top: 4px;
+  padding-bottom: 3px;
+
+  &__avatar {
+    float: left;
+    width: 60px;
+    margin-right: 10px;
+
+    img {
+      width: 100%;
+      height: auto;
+      border-radius: 2px;
+    }
+  }
+
+  &__meta {
+    margin-left: 70px;
+  }
+
+  &__title {
+    color: black;
+    font-weight: bold;
+    word-wrap: break-word;
+    line-height: 1.1;
+    margin-bottom: 4px;
+  }
+
+  &__forks,
+  &__stargazers {
+    margin-right: 1em;
+  }
+
+  &__forks,
+  &__stargazers,
+  &__watchers {
+    display: inline-block;
+    color: #aaa;
+    font-size: 11px;
+  }
+
+  &__description {
+    font-size: 13px;
+    color: #777;
+    margin-top: 4px;
+  }
+
+  .select2-results__option--highlighted & {
+    &__title {
+      color: white;
+    }
+
+    &__forks,
+    &__stargazers,
+    &__description,
+    &__watchers {
+      color: mix(#428BCA, white, 30%);
+    }
+  }
+}