diff --git a/_sass/addon/commons.scss b/_sass/addon/commons.scss index 32a3310..d542988 100644 --- a/_sass/addon/commons.scss +++ b/_sass/addon/commons.scss @@ -212,7 +212,8 @@ img[data-src] { } #panel-wrapper { - .panel-heading { // the headings + // the headings + .panel-heading { @include label(inherit); } @@ -282,7 +283,7 @@ img[data-src] { &[scroll-focus=true] > p { background-color: var(--footnote-target-bg); width: fit-content; - -webkit-transition: background-color 1.5s ease-in-out; // Safari prior 6.1 + -webkit-transition: background-color 1.5s ease-in-out; /* Safari prior 6.1 */ transition: background-color 1.5s ease-in-out; } } @@ -294,7 +295,7 @@ img[data-src] { @include pl-pr(2px); border-bottom-style: none !important; - -webkit-transition: background-color 1.5s ease-in-out; // Safari prior 6.1 + -webkit-transition: background-color 1.5s ease-in-out; /* Safari prior 6.1 */ transition: background-color 1.5s ease-in-out; } @@ -318,7 +319,8 @@ img[data-src] { /* --- Begin of Markdown table style --- */ -.table-wrapper { // it will be created by Liquid +// it will be created by Liquid +.table-wrapper { overflow-x: auto; margin-bottom: 1.5rem; @@ -368,7 +370,8 @@ img[data-src] { @extend %no-cursor; } - &.popup { // created by `_includes/img-extra.html` + // created by `_includes/img-extra.html` + &.popup { cursor: zoom-in; > img[data-src]:not(.normal):not(.left):not(.right) { diff --git a/_sass/layout/post.scss b/_sass/layout/post.scss index 804b8c6..9966d2f 100644 --- a/_sass/layout/post.scss +++ b/_sass/layout/post.scss @@ -123,7 +123,7 @@ img.preview-img { white-space: normal; } -} // .post-navigation +} /* .post-navigation */ @keyframes fade-up { from { @@ -301,13 +301,13 @@ nav[data-toggle=toc] { } } - } // .share-icons + } /* .share-icons */ .fas.fa-link { @include btn-sharing-color(rgb(171, 171, 171)); } -} // .share-wrapper +} /* .share-wrapper */ .share-label { @include label(inherit, 400, inherit); @@ -331,7 +331,8 @@ nav[data-toggle=toc] { span:last-child { font-size: 0.85rem; } -} // .license-wrapper + +} /* .license-wrapper */ @media all and (max-width: 576px) { .preview-img[data-src] {