Fix mobile code blocks
MODIFY
website/docs/src/formatter/index.md
website/docs/src/formatter/index.md
@@ -154,24 +154,3 @@ const expr = [
```
As you can see the first array, which has a suppression comment, is left untouched!
-
-## Migration from other formatters
-
-Rome doesn't support a lot of options like other web formatters, which means that particular styles
-won't be available to all developers.
-
-To migrate from suppression comments of the old formatter, it's recommended to run a global search and replace against the code
-base and replace the formatting comment with:
-
-```
-// rome-ignore format: migration from <name_of_former_formatter>
-```
-
-Then, you are free to change the reason of the suppression that you want.
-
-Run the formatter and make sure that **the code that was ignored is still the same**.
-
-[vs code extension]: https://marketplace.visualstudio.com/items?itemName=rome.rome
-[release page]: https://github.com/rome/tools/releases
-[playground]: https://play.rome.tools
-[command palette]: https://code.visualstudio.com/getstarted/userinterface#_command-palette

MODIFY
website/docs/src/styles/_content.scss
website/docs/src/styles/_content.scss
.content {
max-width: 100%;
margin: 0 auto;
+ overflow: hidden;
.header-anchor {
@extend .sr-only;
margin-bottom: 1.5em;
}
+ pre[class*=language-] {
+ @include mobile-only() {
+ border-radius: 0 !important;
+ margin-left: -20px;
+ margin-right: -20px;
+ }
+ }
+
strong {
font-weight: bold;
}

MODIFY
website/docs/src/styles/_global.scss
website/docs/src/styles/_global.scss
@@ -161,14 +161,6 @@ a, .link {
}
}
-pre[class*=language-] {
- @include mobile-only() {
- border-radius: 0 !important;
- margin-left: -32px;
- margin-right: -32px;
- }
-}
-
@media (prefers-reduced-motion) {
* {
transition: none !important;

Fix mobile code blocks