Updated styling with margin right removed and media queries to show or hide different numbers of github users

2017-06-05 13:18:59 +01:00
parent 06d31b36a6
commit 055aea9334
2 changed files with 15 additions and 3 deletions
@@ -1,8 +1,18 @@
 #github-contributors {
    &:not(.all) {
        .contributor {
-            @media (min-width: $md) {
-                &:nth-child(n+17) {
+            &:nth-child(n+17) {
+                display: none;
+            }
+
+            @media (max-width: $md) {
+                &:nth-child(n+13) {
+                    display: none;
+                }
+            }
+
+            @media (max-width: $xs) {
+                &:nth-child(n+10) {
                    display: none;
                }
            }
@@ -17,6 +27,8 @@

    .loadmore {
        margin: 20px auto;
+        width: 100%;
+        text-align: center;
    }
 }

@@ -144,7 +144,7 @@ else
                    <small>Top GitHub contributors</small>
                </div>

-                <div class="col-md-12 flex forum-thread" id="github-contributors" style="justify-content: flex-start;">
+                <div class="col-md-12 flex forum-thread" id="github-contributors">
                    <h2>Loading GitHub contributors...</h2>
                </div>