diff --git a/blocks/cards/cards.css b/blocks/cards/cards.css index 06426b5..594fcb8 100644 --- a/blocks/cards/cards.css +++ b/blocks/cards/cards.css @@ -511,6 +511,7 @@ governing permissions and limitations under the License. font-size: 1.3rem; background-color: var(--light-color); padding-top: 10px; + transition: 2s; box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgba(0 0 0 / 19%); } @@ -518,7 +519,6 @@ governing permissions and limitations under the License. font-size: 2.0rem; line-height: 1.2; transition: 1s; - background-color: var(--light-color); } diff --git a/blocks/toc/toc.css b/blocks/toc/toc.css index 5c9253a..00bba24 100644 --- a/blocks/toc/toc.css +++ b/blocks/toc/toc.css @@ -1,12 +1,5 @@ /* stylelint-disable media-feature-range-notation */ -main .toc.block ul li.bg-grey { - background: #eaeaea; - font-weight: bolder; - font-size: 20px; - transition: 1s; -} - main .toc-container .section-container { display: flex; flex-wrap: wrap; @@ -80,6 +73,12 @@ main .toc.block ul li a:hover::after { transform: scale(1); } +main .toc.block ul li.bg-grey > a:hover::after { + background-color: #272b2e; + transition: 1s; + height: 1px; +} + main .toc-container .main-content { width: 100%; padding: 0 1rem; @@ -112,6 +111,19 @@ main .toc-container .toc.flat ul li a { color: var(--secondary); } +main .toc.block ul li.bg-grey { + background: #eaeaea; + font-weight: bolder; + font-size: 21px; + transition: 1s; + text-shadow: 2px 2px white; +} + +main .toc.block ul li.bg-grey > a { + color: #272b2e; +} + + main .main-content h2 { scroll-margin-top: 13rem; } diff --git a/icons/Adobe_Corporate_Web_Logo.svg b/icons/Adobe_Corporate_Web_Logo.svg new file mode 100644 index 0000000..bc4e0a1 --- /dev/null +++ b/icons/Adobe_Corporate_Web_Logo.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + \ No newline at end of file diff --git a/styles/styles.css b/styles/styles.css index 6bb857a..ade3d04 100644 --- a/styles/styles.css +++ b/styles/styles.css @@ -646,10 +646,10 @@ main .section.image-before-after-t1 { main .section.image-before-after-t1 > div p img { - width: 200px; - height: 200px; + width: 100px; + height: 100px; position: absolute; - top: 2vh; + top: 16vh; z-index: 1; left: 8vw; } @@ -686,6 +686,7 @@ main .section.image-before-after-t1 { .section.with-background-image > div:first-of-type:not(.quote-wrapper) h2:first-of-type { margin-top: 0; font-size: var(--heading-font-size-xl); + color: var(--toc-container-border); } }