Files
StevenandGitHub 4466ba436b chore(examples): use default prettier for examples/templates (#60530)
## Description
This PR ensures that the default prettier config is used for examples
and templates.

This config is compatible with `prettier@3` as well (upgrading prettier
is bigger change that can be a future PR).

## Changes
- Updated `.prettierrc.json` in root with `"trailingComma": "es5"` (will
be needed upgrading to prettier@3)
- Added `examples/.prettierrc.json` with default config (this will
change every example)
- Added `packages/create-next-app/templates/.prettierrc.json` with
default config (this will change every template)

## Related

- Fixes #54402
- Closes #54409
2024-01-11 16:01:44 -07:00

67 lines
968 B
SCSS

@use "../../../css/common.scss" as *;
.hero {
padding-top: calc(var(--base) * 3);
@include mid-break {
padding-top: var(--base);
}
}
.richText {
position: relative;
h1 {
@extend %h2;
}
&::after {
content: "";
display: block;
position: absolute;
width: 100vw;
left: calc(var(--gutter-h) * -1);
height: 200px;
background: linear-gradient(to bottom, var(--color-base-100), transparent);
top: calc(100% + (var(--base) * 2));
right: 0;
@include mid-break {
display: none;
}
}
}
.links {
position: relative;
list-style: none;
margin: 0;
padding: 0;
display: flex;
margin-top: calc(var(--base) * 4);
li {
margin-right: 12px;
}
@include mid-break {
display: block;
margin-top: var(--base);
li {
margin-right: 0;
}
}
}
.link {
@include mid-break {
width: 100%;
}
}
.media {
position: relative;
width: calc(100% + var(--gutter-h));
}