commons.scss in jekyll-theme-chirpy-5.5.0

- old
+ new

@@ -84,11 +84,10 @@
   max-width: 100%;
   height: auto;
 
   &[data-src] {
     &.lazyloaded {
-      z-index: 1;
       -webkit-animation: fade-in 0.4s ease-in;
       animation: fade-in 0.4s ease-in;
     }
 
     &[data-lqip="true"] {
@@ -130,33 +129,28 @@
   border-left: 5px solid var(--blockquote-border-color);
   padding-left: 1rem;
   color: var(--blockquote-text-color);
 
   &[class^="prompt-"] {
-    display: flex;
     border-left: 0;
-    padding: 1rem;
+    padding: 1rem 1rem 1rem 3rem;
     color: var(--prompt-text-color);
 
     @extend %rounded;
 
     &::before {
       text-align: center;
       width: 1.25rem;
-      margin-right: 0.75rem;
-      position: relative;
-      top: 0.4rem;
+      position: absolute;
+      left: 2.5rem;
+      margin-top: 0.4rem;
       text-rendering: auto;
       -webkit-font-smoothing: antialiased;
     }
 
-    > div {
-      max-width: calc(100% - 2rem);
-
-      > :last-child {
-        margin-bottom: 0;
-      }
+    > p:last-child {
+      margin-bottom: 0;
     }
   }
 
   @include prompt("tip", "\f0eb", "regular");
   @include prompt("info", "\f06a");
@@ -840,11 +834,11 @@
       visibility: visible;
     }
 
     @for $i from 1 through $tab-count {
       $offset: $tab-count - $i;
-      $top: -$offset * $tab-height + calc(($tab-height - $tab-cursor-height) / 2);
+      $top: (-$offset * $tab-height) + (($tab-height - $tab-cursor-height) * 0.5);
 
       @if $i < $tab-count {
         > li.active:nth-child(#{$i}),
         > li.nav-item:nth-child(#{$i}):hover {
           ~ li:last-child::after {
@@ -1278,14 +1272,17 @@
       font-size: 1.75rem;
     }
 
     .post-content {
       > blockquote[class^="prompt-"] {
-        @include pl-pr(1.25rem);
         @include ml-mr(-1.25rem);
 
         border-radius: 0;
         max-width: none;
+
+        &::before {
+          left: 1rem;
+        }
       }
     }
   }
 
   #avatar > a {