Improve snake timeline styling

3 years ago · 1cfa38596d
parent f162356627
commit 1cfa38596d
1 changed files with 4 additions and 5 deletions
--- a/themes/maik-blog/assets/scss/_portfolios.scss
+++ b/themes/maik-blog/assets/scss/_portfolios.scss
@ -40,8 +40,7 @@
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
-    padding: 30px;
-    margin: 80px;
+    margin: 80px 0;
    position: relative;
    counter-increment: portfolio;

@ -106,7 +105,7 @@
      min-height: 50px;
      line-height: 50px;
      text-align: center;
-      top: 70px;
+      top: 30px;
      z-index: 10;
    }

@ -124,7 +123,7 @@
    }

    &:nth-child(odd) {
-      margin-left: 40px;
+      // margin-left: 40px;
      // background: #cfc;

      &::before {
@ -138,7 +137,7 @@
      }
    }
    &:nth-child(even) {
-      margin-left: -40px;
+      // margin-left: -40px;
      // background: #fcc;

      &::before {