Home page and news page are finished

2024-03-13 12:37:09 +01:00
parent 55aa88c0f6
commit 2895ba283b
58 changed files with 3713 additions and 31764 deletions
--- a/resources/assets/sass/components/_post.scss
+++ b/resources/assets/sass/components/_post.scss
@@ -0,0 +1,162 @@
+@use "../abstracts/mixin" as *;
+.post_container {
+  padding: 40px 135px;
+  background-color: #f9f9f9;
+  margin: 0;
+
+  > .col-8 {
+    width: CALC(66.66666667% - 50px);
+    margin-right: 50px;
+  }
+
+  .bread_crumb {
+    height: 38px;
+    @include reset-list;
+    border-bottom: 1px solid #efefef;
+    padding-bottom: 18px;
+
+    li {
+      float: left;
+      font-family: Nunito, serif;
+      font-size: 12px;
+      font-weight: 500;
+      line-height: 3.17;
+      text-align: left;
+      color: #666;
+      margin-right: 5px;
+
+      a {
+        color: #666;
+        text-decoration: none;
+      }
+
+      i {
+        font-size: 8px;
+      }
+    }
+  }
+  .post_tags {
+    @include reset-list;
+    height: 31px;
+    margin-top: 20px;
+
+    li {
+      float: left;
+      margin-right: 10px;
+
+      a {
+        display: block;
+        padding: 6px 15px 7px;
+        border-radius: 3px;
+        background-image: linear-gradient(to left, #0d1ca3, #45aaf8);
+        font-family: Nunito, serif;
+        font-size: 10px;
+        font-weight: bold;
+        text-align: center;
+        color: #fff;
+        text-decoration: none;
+        text-transform: uppercase;
+      }
+    }
+  }
+  h1 {
+    margin: 17px 0;
+    font-family: Montserrat, serif;
+    font-size: 40px;
+    font-weight: 600;
+    line-height: 1.15;
+    text-align: left;
+    color: #282828;
+  }
+  .post_body {
+    width: 100%;
+
+    font-family: Nunito, serif;
+    font-size: 15px;
+    line-height: 1.6;
+    color: #282828;
+
+    h3 {
+      font-size: 15px;
+    }
+
+    .sentence {
+      font-size: 12px;
+      font-style: italic;
+      line-height: 3.17;
+      text-align: right;
+      color: #585858;
+      display: block;
+      width: 100%;
+
+      span {
+        padding: 0 5px;
+      }
+    }
+
+    blockquote {
+      border-left: 3px solid #5ba8f4;
+      margin-left: 0;
+      padding-left: 20px;
+      font-family: Lato, serif;
+      font-size: 30px;
+      font-style: italic;
+      line-height: 1.27;
+      color: #5ba8f4;
+
+      .author {
+        font-family: Nunito, serif;
+        font-size: 12px;
+        font-style: normal;
+        line-height: 3.17;
+        color: #585858;
+      }
+    }
+
+    .post_details {
+      @include reset-list;
+
+      li {
+        float: left;
+        margin-right: 10px;
+        font-family: Nunito, serif;
+        font-size: 12px;
+        font-weight: 500;
+        line-height: 3.17;
+        color: #666;
+        a {
+          color: #666;
+          text-decoration: none;
+        }
+        i {
+          margin-right: 4px;
+        }
+      }
+    }
+
+    .post_image img, video, .mejs__video {
+      width: CALC(100% + 53px);
+      margin: 0 -23px 0 -30px;
+    }
+    .mejs__video, video {
+      width: CALC(100% + 53px) !important;
+    }
+  }
+
+  .info {
+    padding: 1em;
+    color: #3E3E3E;
+    line-height: 150%;
+    border-radius: 10px;
+    margin: 1em;
+    h2 {
+      text-overflow: ellipsis;
+      overflow: hidden;
+      margin-top: 3px;
+      clear: both;
+    }
+    a {
+      color: #ED1C24;
+    }
+  }
+}