diff --git a/docs/README.mdx b/docs/README.mdx index 33d4144971..2e2373da5e 100644 --- a/docs/README.mdx +++ b/docs/README.mdx @@ -16,7 +16,6 @@ import BlocksSvg from "@site/static/img/BlocksGraphic.svg?react"; p { +.customCard>p { font-size: 0.9rem; color: #64748b; margin-bottom: 1.5rem; @@ -57,17 +58,17 @@ position: relative; } -.cardDescription{ +.cardDescription { color: var(--ifm-color-secondary-text); } -.cardDescription a{ - color: var(--ifm-color-secondary-text)!important; +.cardDescription a { + color: var(--ifm-color-secondary-text) !important; text-decoration: underline; } -[data-theme='dark'] .cardItem a{ - border: none!important; +[data-theme='dark'] .cardItem a { + border: none !important; } .cardItem h3 { @@ -93,9 +94,9 @@ } .cardItem a h3 { - font-size: 1rem!important; + font-size: 1rem !important; margin: 0; - font-weight: 600!important; + font-weight: 600 !important; color: var(--ifm-color-card-heading-secondary); transition: all .2s ease; } @@ -105,28 +106,28 @@ } .cardItem a p { - font-size: 0.875rem!important; - margin: 0!important; + font-size: 0.875rem !important; + margin: 0 !important; color: var(--ifm-color-secondary-text); max-width: 90%; } -.cardItem a h2 span{ - display: none!important; +.cardItem a h2 span { + display: none !important; } .cardLinksList .cardItem:last-child { border-bottom: none; } -.cardContentFlex{ +.cardContentFlex { display: flex; justify-content: space-between; align-items: start; gap: 1.5rem; } -.halfWidth{ +.halfWidth { width: 50%; max-width: calc(50% - 0.75rem); } @@ -156,7 +157,7 @@ html[data-theme='dark'] .cardItem::after { right: 0.5rem; } -.animatedSvgWrapper{ +.animatedSvgWrapper { position: absolute; width: 100%; max-width: 400px; @@ -212,15 +213,28 @@ html[data-theme='dark'] .cardItem::after { @media (max-width: 768px) { .customCard { max-width: 100%; + padding-top: 10rem; } - .halfWidth{ + .customCard::before { + height: 13rem; + } + + .animatedSvgWrapper { + max-width: 180px; + } + + .animatedSvgWrapper svg { + height: auto; + } + + .halfWidth { width: 100%; max-width: 100%; } - .cardContentFlex{ + .cardContentFlex { flex-direction: column; gap: 1.5rem; } -} +} \ No newline at end of file diff --git a/static/img/CoreGraphic.svg b/static/img/CoreGraphic.svg index ae45f233f7..961fd9a297 100644 --- a/static/img/CoreGraphic.svg +++ b/static/img/CoreGraphic.svg @@ -1,3 +1,16 @@ - - - + + + + + + + + + + + + \ No newline at end of file diff --git a/static/img/OasisGraphic.svg b/static/img/OasisGraphic.svg index cf1eae92f7..24d020f9d0 100644 --- a/static/img/OasisGraphic.svg +++ b/static/img/OasisGraphic.svg @@ -1,38 +1,35 @@ - + - + - - - - - + + + + + + + + + + + + + + + + - - - - - + + +