diff --git a/src/assets/scss/animation.scss b/src/assets/scss/animation.scss index 541b8572d..5805e9abc 100644 --- a/src/assets/scss/animation.scss +++ b/src/assets/scss/animation.scss @@ -85,8 +85,8 @@ &__cursor { width: 40px; - height: 40px; width: clamp(30px, 5vw, 50px); + height: 40px; height: clamp(30px, 5vw, 50px); border-radius: 100%; border: solid 1px hsl(0, 0%, 60%); diff --git a/src/assets/scss/components/carbon-ads.scss b/src/assets/scss/components/carbon-ads.scss index bbab6e739..ea60dcf86 100644 --- a/src/assets/scss/components/carbon-ads.scss +++ b/src/assets/scss/components/carbon-ads.scss @@ -22,9 +22,9 @@ padding: .6em; font-size: 1rem; overflow: hidden; - border-radius: 4px; background-color: var(--body-background-color); border: 1px solid var(--border-color); + border-radius: 4px; border-radius: var(--border-radius); box-shadow: 0 1px 4px 1px hsla(0, 0%, 0%, 0.1); diff --git a/src/assets/scss/components/playground-configuration.scss b/src/assets/scss/components/playground-configuration.scss index ebd682900..0ca2ead89 100644 --- a/src/assets/scss/components/playground-configuration.scss +++ b/src/assets/scss/components/playground-configuration.scss @@ -225,8 +225,8 @@ } .share-url__announcement { - font-size: .875rem; padding: .25rem .75rem; + font-size: .875rem; font-size: var(--step--1); display: block; margin-top: .5rem; diff --git a/src/assets/scss/components/popup.scss b/src/assets/scss/components/popup.scss index 82490ae66..9e0df4eae 100644 --- a/src/assets/scss/components/popup.scss +++ b/src/assets/scss/components/popup.scss @@ -91,8 +91,8 @@ margin: 0; list-style: none; border-radius: var(--border-radius); - background-color: inherit; margin-top: 1px; + background-color: inherit; background-color: var(--color-neutral-800); color: #fff; diff --git a/src/assets/scss/components/search.scss b/src/assets/scss/components/search.scss index a97b796e1..dd71401ca 100644 --- a/src/assets/scss/components/search.scss +++ b/src/assets/scss/components/search.scss @@ -65,7 +65,6 @@ .search .search-results { font-size: .875rem; background-color: var(--body-background-color); - position: relative; z-index: 10; width: 100%; border-radius: 0 0 var(--border-radius) var(--border-radius); diff --git a/src/assets/scss/forms.scss b/src/assets/scss/forms.scss index 0e2ee4287..e3a1d2557 100644 --- a/src/assets/scss/forms.scss +++ b/src/assets/scss/forms.scss @@ -32,7 +32,6 @@ .label__text.label__text { display: flex; - font-size: 0.875rem; align-items: center; gap: 0.5rem; font-size: 0.875rem; @@ -115,7 +114,6 @@ input::placeholder { .label__text.label__text { display: flex; - font-size: 0.875rem; align-items: center; gap: 0.5rem; font-size: 0.875rem; diff --git a/src/assets/scss/homepage.scss b/src/assets/scss/homepage.scss index 9eb8a9a4f..189ce8c28 100644 --- a/src/assets/scss/homepage.scss +++ b/src/assets/scss/homepage.scss @@ -77,8 +77,8 @@ } .eslint-install-code__announcement { - font-size: .875rem; padding: .25rem .75rem; + font-size: .875rem; font-size: var(--step--1); border-radius: var(--border-radius); display: block; @@ -109,7 +109,6 @@ dt { border-bottom: 1px solid var(--divider-color); - padding: .25em 0; margin-bottom: .5em; padding-right: 1rem; border-block-end: 1px solid var(--divider-color); diff --git a/src/assets/scss/languages.scss b/src/assets/scss/languages.scss index b3872e4cc..49613b713 100644 --- a/src/assets/scss/languages.scss +++ b/src/assets/scss/languages.scss @@ -13,10 +13,10 @@ a { color: inherit; - display: block; width: 100%; padding: .75rem .1rem; text-decoration: none; + display: block; display: flex; align-items: center; border-bottom: 1px solid var(--divider-color); diff --git a/src/assets/scss/syntax-highlighter.scss b/src/assets/scss/syntax-highlighter.scss index e57ad96a0..ac9e254f2 100644 --- a/src/assets/scss/syntax-highlighter.scss +++ b/src/assets/scss/syntax-highlighter.scss @@ -36,7 +36,6 @@ pre[class*="language-"] { padding: 1.5rem; margin: 1.5rem 0; overflow: auto; - background-color: var(--color-neutral-50); border-radius: var(--border-radius); background-color: var(--lightest-background-color); color: var(--color-neutral-900); diff --git a/src/assets/scss/versions.scss b/src/assets/scss/versions.scss index 2a5ba4fe0..1a2e0ffe9 100644 --- a/src/assets/scss/versions.scss +++ b/src/assets/scss/versions.scss @@ -14,10 +14,10 @@ a { color: var(--link-color); - display: block; width: 100%; padding: 1rem .5rem; text-decoration: none; + display: block; display: flex; align-items: center; border-bottom: 1px solid var(--divider-color);