css card + header

2019-02-15 18:50:05 +01:00
parent 47cf56bdbf
commit 7b1ae34f62
13 changed files with 251 additions and 21 deletions
@@ -0,0 +1,58 @@
+#body-wrapper{
+  #items{
+      .works-mea{
+        display: inline-flex;
+        width: 100%;
+        height: 50vh;
+        align-items: flex-end;
+        .card{
+          .card-image{
+            img{
+              width: 100%;
+              height: auto;
+            }
+          }
+        }
+      }
+      .scroll{
+        width: 100%;
+        height: 15px;
+        margin: 0 auto;
+        overflow: hidden;
+        position: relative;
+        width: 50px;
+        
+        & > p:nth-child(1){
+          text-align: center;
+          position: absolute;
+          top: -20px;
+          animation: translatep1 2s infinite linear;
+        }
+        & > p:nth-child(2){
+          text-align: center;
+          position: absolute;
+          top: -20px;
+          animation: translatep1 2s infinite linear;
+          animation-delay: 1s;
+        }
+      }
+      .cat-list{
+        width: 100%;
+        height: auto;
+        border-top: 1px solid black;
+        border-bottom: 1px solid black;
+        padding: 10px 0;
+        margin:  20px 0;
+        ul{
+          display: inline-flex;
+          li{
+            margin-right: 10px;
+          }
+        }
+      }
+      .full-works{
+        display: inline-flex;
+        flex-wrap: wrap;
+      }
+  }
+}