Sha256: b70ddc95acfc084897469de539ad382067311db83b40cfa86f386989ed10ba6a
Contents?: true
Size: 1.56 KB
Versions: 3
Compression:
Stored size: 1.56 KB
Contents
[data-component="page"] {
font-family: var(--lb-font-prose);
color: var(--lb-page-color);
background-color: var(--lb-page-background-color);
height: 100%;
width: 100%;
position: absolute;
inset: 0;
overflow: hidden;
&.with-footer {
display: grid;
grid-template-rows: 1fr min-content;
}
.page-slat {
padding-inline: var(--lb-spacing-xl);
}
.page-content-wrapper {
overflow: hidden;
}
.page-content {
height: 100%;
overflow: auto;
}
.page-header {
display: flex;
align-items: center;
border-bottom: 1px solid var(--lb-page-divider-color);
padding-block: var(--lb-spacing-xl);
}
.page-title {
color: var(--lb-page-title-color);
font-weight: var(--lb-font-weight-bold);
font-size: var(--lb-font-size-2xl);
}
.page-status {
margin-left: auto;
}
.page-body {
padding-top: var(--lb-spacing-2xl);
padding-bottom: var(--lb-spacing-3xl);
> [data-component="prose"] > *:not([data-component], lookbook-embed),
[data-component="code"] {
max-width: 56rem;
}
}
.page-footer {
border-top: 1px solid var(--lb-page-divider-color);
padding-block: var(--lb-spacing-xs);
padding-inline: var(--lb-spacing-md);
font-family: var(--lb-font-ui);
font-size: var(--lb-font-size-sm);
}
.page-nav-links {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.page-nav-link {
display: flex;
align-items: center;
gap: var(--lb-spacing-2xs);
}
.page-nav-link-next {
margin-left: auto;
}
}
Version data entries
3 entries across 3 versions & 1 rubygems