1800nasi/bqkc
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

css edits

Browse Source
This commit is contained in:
Nasir Anthony Montalvo
2026-01-26 18:40:03 -06:00
parent 18164d7de8
commit dd03f7bede
2 changed files with 9 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
_layouts/about.html
View File

@@ -81,7 +81,7 @@ layout: default
</div> </div>
<!-- Lightbox Modal (This is globally accessible across pages) --> <!-- Lightbox Modal -->
<div class="modal fade" id="image-lightbox" tabindex="-1" aria-labelledby="image-lightboxLabel" aria-hidden="true"> <div class="modal fade" id="image-lightbox" tabindex="-1" aria-labelledby="image-lightboxLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg"> <div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content"> <div class="modal-content">

17
_sass/_custom.scss
View File

@@ -880,25 +880,25 @@ blockquote {
margin-top: 0.5rem; margin-top: 0.5rem;
border-top: 1px solid rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.1);
} }
/* Remove Spotlight auto-fit button */
.spl-autofit { .spl-autofit {
display: none !important; display: none !important;
} }
.image-container { .image-container {
text-align: center; text-align: center;
max-width: 100%; /* Set max-width for the image and caption container */ max-width: 100%;
margin: 0 auto; /* Center the container horizontally */ margin: 0 auto;
} }
.image-container img { .image-container img {
width: 100%; /* Image will take up 100% of the container width */ width: 100%;
height: auto; /* Maintain aspect ratio */ height: auto;
} }
.image-container figcaption { .image-container figcaption {
font-size: 0.85rem; font-size: 0.85rem;
width: 100%; /* Caption takes up 100% width of the container */ width: 100%;
margin-top: 0.5rem; /* Space between the image and caption */ margin-top: 0.5rem;
text-align: center; text-align: center;
} }
.footnotes { .footnotes {
@@ -928,13 +928,12 @@ blockquote {
font-size: 12px; font-size: 12px;
} }
} }
/* Make sure the images are responsive within the modal */
.modal-body img { .modal-body img {
max-width: 100%; max-width: 100%;
height: auto; height: auto;
} }
/* Optional: To make captions look more attractive within the modal */
.modal-body p { .modal-body p {
font-size: 1rem; font-size: 1rem;
line-height: 1.6; line-height: 1.6;