浏览代码

Ditch Sass' indented syntax.

Florian Kissling 10 年之前
父节点
当前提交
ab3d5ee884
共有 4 个文件被更改,包括 100 次插入79 次删除
  1. 0 32
      docs/_sass/_alert.sass
  2. 40 0
      docs/_sass/_alert.scss
  3. 0 47
      docs/_sass/_result-repository.sass
  4. 60 0
      docs/_sass/_result-repository.scss

+ 0 - 32
docs/_sass/_alert.sass

@@ -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

+ 40 - 0
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;
+    }
+  }
+}
+

+ 0 - 47
docs/_sass/_result-repository.sass

@@ -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%)

+ 60 - 0
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%);
+    }
+  }
+}