fix some styles

This commit is contained in:
Richard Harris
2019-04-28 22:06:02 -04:00
parent 381af86f04
commit 63251c6733
4 changed files with 29 additions and 9 deletions

View File

@@ -6,20 +6,23 @@
</script>
<style>
:global(html) {
--prime: rgb(21, 151, 148) !important; /* TODO remove .theme-default from shared, so we don't need !important */
}
main {
position: relative;
margin: 0 auto;
/* padding: var(--nav-h) var(--side-nav) 0 var(--side-nav); */
padding: var(--nav-h) 0 0 0;
overflow-x: hidden;
--prime: rgb(21, 151, 148);
}
</style>
<Icons/>
<Nav {segment} {page} logo="sapper-logo-horizontal.svg">
<NavItem segment="guide">Guide</NavItem>
<NavItem segment="docs">Docs</NavItem>
<NavItem external="https://svelte.dev">Svelte</NavItem>

View File

@@ -319,18 +319,19 @@
}
section > :global(.code-block) > :global(pre) {
display: inline-block;
background: var(--back-api);
/* display: inline-block; */
/* background: var(--back-api);
color: white;
padding: .3rem .8rem;
margin: 0;
margin: 0; */
max-width: 100%;
width: var(--linemax);
}
section > :global(.code-block)> :global(pre.language-markup) {
/* section > :global(.code-block)> :global(pre.language-markup) {
padding: .3rem .8rem .2rem;
background: var(--back-api);
}
} */
section > :global(p) {
max-width: var(--linemax)