initial commit
@@ -0,0 +1,30 @@
|
||||
/* Scale to fit the page */
|
||||
/* Small images will become very blurry */
|
||||
/* Not recommended */
|
||||
|
||||
.md-content__inner img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Scale to fit the page with constraints */
|
||||
/* Smaller images will be min 25% of the width, so not as blurry */
|
||||
/* Bigger images will be max 90% of the width, better for centring (?) */
|
||||
|
||||
|
||||
.md-content__inner img {
|
||||
min-width: 25%;
|
||||
max-width: 90%;
|
||||
}
|
||||
|
||||
/* Center the images */
|
||||
|
||||
.md-content__inner img {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
/* Add outline to make them pop */
|
||||
|
||||
.md-content__inner img {
|
||||
outline: 1px solid var(--md-accent-fg-color);
|
||||
}
|
||||
|
After Width: | Height: | Size: 96 KiB |
|
After Width: | Height: | Size: 218 KiB |
|
After Width: | Height: | Size: 212 KiB |
|
After Width: | Height: | Size: 87 KiB |
|
After Width: | Height: | Size: 38 KiB |
|
After Width: | Height: | Size: 163 KiB |
|
After Width: | Height: | Size: 126 KiB |
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 55 KiB |
|
After Width: | Height: | Size: 72 KiB |
|
After Width: | Height: | Size: 79 KiB |
|
After Width: | Height: | Size: 145 KiB |
|
After Width: | Height: | Size: 46 KiB |
|
After Width: | Height: | Size: 25 KiB |
|
After Width: | Height: | Size: 123 KiB |
|
After Width: | Height: | Size: 72 KiB |
|
After Width: | Height: | Size: 89 KiB |
|
After Width: | Height: | Size: 75 KiB |
|
After Width: | Height: | Size: 90 KiB |
|
After Width: | Height: | Size: 90 KiB |
|
After Width: | Height: | Size: 31 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 76 KiB |
|
After Width: | Height: | Size: 67 KiB |