docs: optimized cloudinary images (#3767)

2023-04-07 12:24:53 +03:00
parent abdb74d997
commit a7b57e8201
7 changed files with 212 additions and 2 deletions
--- a/www/docs/src/css/_docspage.css
+++ b/www/docs/src/css/_docspage.css
@@ -200,6 +200,14 @@ details > div {
  padding-right: 0 !important;
 }

+.cloudinary-image-wrapper {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  margin-bottom: 0;
+}
+
@media screen and (min-width: 1419px) {
  .main-wrapper {
    min-width: var(--ifm-max-content-width);
--- a/www/docs/src/css/_typography.css
+++ b/www/docs/src/css/_typography.css
@@ -53,6 +53,10 @@ p {
  margin-bottom: calc(var(--ifm-base-margin-vertical) / 4);
 }

+.markdown > p img {
+  margin-top: calc(var(--ifm-base-margin-vertical) / 4);;
+}
+
 .markdown a:not(.hash-link),
 .DocSearch-Prefill {
  font-weight: var(--ifm-link-weight);