diff --git a/_sass/thesis.scss b/_sass/thesis.scss index ce1a299..2b0c47a 100644 --- a/_sass/thesis.scss +++ b/_sass/thesis.scss @@ -7,21 +7,24 @@ figure { margin-inline-start: 0em; margin-inline-end: 0em; - border-bottom: solid #222 1px; + // border-bottom: solid #222 1px; padding-bottom: 1em; // border-top: solid #222 1px; // padding-top: 1em; } -figure img,svg { +figure > img, figure > svg { max-width: 900px; - width: 80%; + width: 90% !important; margin-bottom: 2em; } figcaption { + // font-style: italic; + // font-size: 0.9em; aria-hidden: true; max-width: 700px; + width: 90%; } // For the table of contents, should probably put this in a container @@ -104,4 +107,21 @@ div#page-header { // z-index: 10; // width: 100%; p { margin-block-end: 0px;} -} \ No newline at end of file +} + + +@media + only screen and (max-width: $horizontal_breakpoint), + only screen and (max-height: $vertical_breakpoint) + { + + //make the figures go to 100% and use italics to denote the figure captions + figure > img, figure > svg { + width: 100%; + } + + figcaption { + font-style: italic; + width: 100%; + } +}