-
-
Notifications
You must be signed in to change notification settings - Fork 563
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat: add Simple Layout without default styles and components #2640
base: main
Are you sure you want to change the base?
Conversation
🦋 Changeset detectedLatest commit: c004dc0 The changes in this PR will be included in the next version bump. This PR includes changesets to release 1 package
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
✅ Deploy Preview for astro-starlight ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
Hello! Thank you for opening your first PR to Starlight! ✨ Here’s what will happen next:
|
Lunaria Status Overview🌕 This pull request will trigger status changes. Learn moreBy default, every PR changing files present in the Lunaria configuration's You can change this by adding one of the keywords present in the Tracked Files
Warnings reference
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This component is named StarlightHeadlessPage
, but it is referred to as SimpleStarlightPage
elsewhere.
padding-bottom: 3vh; | ||
} | ||
@media (min-width: 50em) { | ||
[data-has-sidebar] { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
[data-has-sidebar] { | |
:global(:root[data-has-sidebar]) { |
Overview
SimpleStarlightPage.astro
file with non-user CSS styling and removal of all but the minimum required elementsAlthough the appearance has not been directly changed, the order in which the CSS is loaded may have changed.
Details
A
StarlightPage
component already exists that provides layouts for custom pages.However, if you want to display content across the full screen, I don't need the header and sidebars included in
StarlightPage
.ex. Reveal.js slides, etc.
However, it is troublesome to set up the
head
from scratch just for that custom page, and there is more code to manage.If possible, it is preferable to have the same structure as the page using the
StarlightPage
component.So I added a component that provides only the minimum layout required.
If you already have a solution to this problem, I would appreciate it if you could let me know.