feat: build dark fantasy application shell
This commit is contained in:
@@ -0,0 +1,26 @@
|
||||
:host {
|
||||
display: block;
|
||||
background: var(--ar-panel);
|
||||
}
|
||||
|
||||
.context-panel {
|
||||
min-block-size: 100%;
|
||||
padding: var(--ar-space-5);
|
||||
border-inline-start: 1px solid var(--ar-border);
|
||||
background: linear-gradient(180deg, rgb(255 255 255 / 0.025), transparent 16%), var(--ar-panel);
|
||||
}
|
||||
|
||||
.context-panel__eyebrow {
|
||||
display: block;
|
||||
padding-block-end: var(--ar-space-3);
|
||||
border-block-end: 1px solid var(--ar-border);
|
||||
color: var(--ar-gold);
|
||||
font-family: Georgia, 'Times New Roman', serif;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.context-panel__hint {
|
||||
color: var(--ar-text-muted);
|
||||
font-size: var(--ar-font-sm);
|
||||
line-height: 1.55;
|
||||
}
|
||||
Reference in New Issue
Block a user