dev-portfolio-blog 0.1.8 → 0.1.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 61653c13a03ae8dd7983c033566569937be60aa9c58d48b6056fbfe7b9161659
-  data.tar.gz: 19181f50392e703eff6f0791b8ecbb64ace9cc83032c47d607ecc4a1097d3fbb
+  metadata.gz: 0de55e7c3e8526383f45882825764623a4fc6bad8bf0fc85797bdf9f97478419
+  data.tar.gz: b53a9c97c8694a36577efc9e655fb80837698f5db9769d156e4e4c5dc7516446
 SHA512:
-  metadata.gz: 97b3166cb17c46ac1e656279f6a348ed63b59096bcfc817db174d07ed8d0b40f640b78cf0ae958f187165eaa2b9ca4aa4fd8c1a8d34174c099c9e5cd354ad679
-  data.tar.gz: 7230d2e8c1ce6dac62283ef66cb4908db6df50d052a644575d862ab9127f9bf94934bdb7646bf6834986cb03f08d78286c9c25941a18f9b4161173711d710221
+  metadata.gz: ad3235d3f5e7ca36a8782f1c3d8758dcf5a0cc6a482d7011d4bd290402ce4e6300dd9fa5daefaa864f9c6f7c28f6e43e4c73c81e92ab77cecc414a50278a671c
+  data.tar.gz: 4fe40435955c13ef723194ef1139a9f940ee7bd0cdabe0c6e136113cd4c5bcddd86d689f47b976cc40dbd91cbe1087d5a2e7d028cded8406c78df3fcbc66d6d1

data/_sass/main.scss

@@ -1,14 +1,17 @@
 @mixin mediaQuery($point) {
-  @if $point == phone-width {
+  @if $point==phone-width {
     @media (max-width: 480px) {
       @content;
     }
-  } @else if $point == tablet-width {
+  }
+
+  @else if $point==tablet-width {
     @media (max-width: 768px) {
       @content;
     }
   }
 }
+
 html {
   --primary-background-color: white;
   --primary-text-color: #222;
@@ -23,6 +26,7 @@ body {
   transition: background 0.1s ease-in, color 0.1s ease-in;
   // font-size: 120%;
 }
+
 .mid-section-home {
   text-align: center;
   display: flex;
@@ -34,17 +38,21 @@ body {
   height: 100vh;
   margin: auto;
   font-size: 1.5rem;
+
   @include mediaQuery(phone-width) {
     font-size: 1 rem;
+
     span {
       display: none;
     }
   }
+
   h1 {
     font-size: 3.5rem;
     font-weight: 600;
   }
 }
+
 .sub-heading {
   width: 80%;
   margin: 0 auto;
@@ -55,30 +63,37 @@ body {
     min-width: 270px;
   }
 }
+
 .summary-about-me {
   width: 50%;
   text-align: right;
   padding-right: 20px;
 }
+
 .nav-link {
   ul {
     padding-inline-start: 0;
   }
+
   li {
     display: block;
     text-align: left;
+
     a {
       text-decoration: none;
       color: var(--primary-text-color);
+
       &:hover {
         border-bottom: 2px solid var(--primary-text-color);
         color: var(--primary-text-color);
       }
     }
   }
+
   border-left: 2px solid var(--primary-text-color);
   width: 50%;
   padding-left: 20px;
+
   // .toNav {
   // }
   @include mediaQuery(phone-width) {
@@ -88,22 +103,27 @@ body {
     }
   }
 }
+
 .mid-section-cover {
   width: 60%;
   margin: 0 auto;
   margin-top: 50px;
+
   @include mediaQuery(tablet-width) {
     width: 70%;
   }
+
   @include mediaQuery(phone-width) {
     width: 95%;
   }
+
   nav {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     flex-wrap: wrap;
     border-bottom: 2px solid var(--primary-text-color);
+
     h1 {
       // align-self: flex-start;
       font-size: 40px;
@@ -111,6 +131,7 @@ body {
       text-align: left;
       margin: 10px;
     }
+
     ul {
       display: flex;
       flex-direction: row;
@@ -119,93 +140,114 @@ body {
       align-items: center;
       flex-grow: 5;
       padding-inline-start: 0;
+
       li {
         padding: 0 20px;
         list-style-type: none;
+
         a {
           text-decoration: none;
           color: var(--primary-text-color);
+
           &:hover {
             border-bottom: 2px solid var(--primary-text-color);
             color: var(--primary-text-color);
           }
         }
+
         @include mediaQuery(phone-width) {
           text-align: center;
           padding: 0 10px;
         }
       }
     }
+
     @include mediaQuery(tablet-width) {
       flex-direction: column;
       justify-content: center;
       align-items: center;
+
       ul {
         justify-content: center;
       }
+
       h1 {
         text-align: center;
       }
     }
   }
+
   .sub-mid-section-cover {
     width: 100%;
     margin: 0 auto;
     overflow: hidden;
+
     img {
       max-width: 100%;
     }
+
     a {
       color: var(--primary-text-color);
-    nav {
+
+      nav {
         display: flex;
         flex-direction: row;
         justify-content: space-between;
         flex-wrap: wrap;
-        border-bottom: 2px solid  var(--primary-text-color);
+        border-bottom: 2px solid var(--primary-text-color);
+
         h1 {
-            // align-self: flex-start;
-            font-size: 40px;
-            flex-grow: 2;
-            text-align: left;
-            margin: 10px;
+          // align-self: flex-start;
+          font-size: 40px;
+          flex-grow: 2;
+          text-align: left;
+          margin: 10px;
         }
+
         ul {
-            display: flex;
-            flex-direction: row;
-            flex-wrap: wrap;
-            justify-content: flex-end;
-            align-items: center;
-            flex-grow: 5;
-            padding-inline-start: 0;
-            li {
-                padding: 0 20px;
-                list-style-type: none;
-                a {
-                    text-decoration : none;
-                    color: var(--primary-text-color);
-                    &:hover {
-                        border-bottom: 2px solid var(--primary-text-color);
-                        color: var(--primary-text-color);
-                    }
-                }
-                @include mediaQuery(phone-width) {
-                    text-align: center;
-                    padding: 0 10px;
-                }
+          display: flex;
+          flex-direction: row;
+          flex-wrap: wrap;
+          justify-content: flex-end;
+          align-items: center;
+          flex-grow: 5;
+          padding-inline-start: 0;
+
+          li {
+            padding: 0 20px;
+            list-style-type: none;
+
+            a {
+              text-decoration: none;
+              color: var(--primary-text-color);
+
+              &:hover {
+                border-bottom: 2px solid var(--primary-text-color);
+                color: var(--primary-text-color);
+              }
+            }
+
+            @include mediaQuery(phone-width) {
+              text-align: center;
+              padding: 0 10px;
             }
+          }
         }
+
         @include mediaQuery(tablet-width) {
-            flex-direction: column;
+          flex-direction: column;
+          justify-content: center;
+          align-items: center;
+
+          ul {
             justify-content: center;
-            align-items: center;
-            ul {
-                justify-content: center;
-            }
-            h1 {
-                text-align: center;
-            }
+          }
+
+          h1 {
+            text-align: center;
+          }
         }
+      }
     }
   }
 }
@@ -219,6 +261,7 @@ body {
   border-radius: 5px;
   border: 0;
 }
+
 .post-footer {
   margin-top: 50px;
   display: flex;
@@ -226,18 +269,23 @@ body {
   justify-content: space-between;
   align-items: center;
 }
+
 .blog-list {
   list-style: none;
   padding-left: 0;
+
   li {
     margin-bottom: 50px;
+
     .excerpt {
       font-size: 15px;
     }
+
     .blog-heading {
       font-size: 25px;
       font-weight: 800;
     }
+
     .date {
       font-size: 15px;
       opacity: 0.8;
@@ -245,15 +293,18 @@ body {
     }
   }
 }
+
 .blogPage-categoryList {
   ul {
     list-style-type: none;
     display: flex;
     flex-wrap: wrap;
     padding-left: 0;
+
     li {
       margin: 10px 10px;
     }
+
     li:first-child {
       margin-left: 0;
     }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: dev-portfolio-blog
 version: !ruby/object:Gem::Version
-  version: 0.1.8
+  version: 0.1.9
 platform: ruby
 authors:
 - Rohit Jain
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-07-09 00:00:00.000000000 Z
+date: 2021-11-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll