mirror of
https://github.com/roc-lang/roc.git
synced 2025-10-02 08:11:12 +00:00
docs-ui: Add border to and style wrapping section
This commit is contained in:
parent
873142b473
commit
eee30fb58c
1 changed files with 15 additions and 0 deletions
|
@ -30,6 +30,7 @@
|
||||||
--nav-link-hover-color: #000000;
|
--nav-link-hover-color: #000000;
|
||||||
--type-signature-color: var(--purple-5);
|
--type-signature-color: var(--purple-5);
|
||||||
--type-signature-bg-color: var(--purple-1);
|
--type-signature-bg-color: var(--purple-1);
|
||||||
|
--module-entry-border-color: var(--gray-3);
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
|
@ -75,6 +76,8 @@ a {
|
||||||
color: var(--type-signature-color);
|
color: var(--type-signature-color);
|
||||||
background-color: var(--type-signature-bg-color);
|
background-color: var(--type-signature-bg-color);
|
||||||
width: fit-content;
|
width: fit-content;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 24px;
|
||||||
padding: 8px 16px;
|
padding: 8px 16px;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
}
|
}
|
||||||
|
@ -158,6 +161,17 @@ main {
|
||||||
min-width: 0; /* necessary for text-overflow: ellipsis to work in descendants */
|
min-width: 0; /* necessary for text-overflow: ellipsis to work in descendants */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
section {
|
||||||
|
border: 1px solid var(--module-entry-border-color);
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: 32px;
|
||||||
|
margin: 32px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
section > *:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
#sidebar-nav {
|
#sidebar-nav {
|
||||||
grid-column-start: sidebar;
|
grid-column-start: sidebar;
|
||||||
grid-column-end: sidebar;
|
grid-column-end: sidebar;
|
||||||
|
@ -447,6 +461,7 @@ pre {
|
||||||
--top-bar-fg: #eeeeee;
|
--top-bar-fg: #eeeeee;
|
||||||
--type-signature-color: var(--grey-1);
|
--type-signature-color: var(--grey-1);
|
||||||
--type-signature-bg-color: var(--purple-4);
|
--type-signature-bg-color: var(--purple-4);
|
||||||
|
--module-entry-border-color: var(--purple-7);
|
||||||
}
|
}
|
||||||
|
|
||||||
html {
|
html {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue