Skip to content
This repository has been archived by the owner on Nov 17, 2021. It is now read-only.

Commit

Permalink
fix(Stencila Theme): Refine some spacing and layouts
Browse files Browse the repository at this point in the history
  • Loading branch information
alex-ketch committed Jul 24, 2019
1 parent aeb770d commit 97c12b9
Showing 1 changed file with 15 additions and 7 deletions.
22 changes: 15 additions & 7 deletions src/themes/stencila/styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@ article {
flex-wrap: wrap;
align-content: center;

& > * {
& > *:not(table, figure) {
width: 100%;
}
}
Expand Down Expand Up @@ -101,6 +101,11 @@ p {
transform: translateX(-50%);
}
}

& + ul,
& + ol {
margin-top: 0;
}
}

ol,
Expand All @@ -117,6 +122,10 @@ li > *:first-child {
margin-top: 0;
}

li > *:last-child {
margin-bottom: 0;
}

h1,
h2,
h3,
Expand All @@ -127,12 +136,13 @@ h6 {
}

article > pre,
article > pre[class*='language-'],
figure {
background-color: #fff;
width: auto;
max-width: max-content;
max-width: 100%;
min-width: var(--max-width);
margin: 1.25rem auto;
text-align: center;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
border: 1px solid #dbdbdb;
overflow-y: hidden;
Expand All @@ -150,10 +160,6 @@ figure img {
margin: 0 auto;
}

figure pre {
text-align: left;
}

figcaption {
font-size: 85%;
background-color: #f1f1f2;
Expand Down Expand Up @@ -306,6 +312,8 @@ table {
text-align: left;
border-collapse: collapse;
font-size: 80%;
margin: 1rem auto;
min-width: var(--max-width);
overflow-x: auto;
}

Expand Down

0 comments on commit 97c12b9

Please sign in to comment.