hypnagaga/.storybook/preview.scss
2022-08-15 19:36:51 +01:00

67 lines
1.1 KiB
SCSS

@import "../src/scss/mixins";
@import "../src/scss/colours/thematic/tr";
table.docblock-argstable {
p {
font-family: inherit;
font-size: inherit;
}
}
div.sbdocs-content {
& > h2, & > div > div > h2 {
margin-top: 4rem;
margin-bottom: 2rem;
&:first-of-type {
margin-top: 4rem;
margin-bottom: 2rem;
}
}
.docblock-source {
margin: 1rem 0;
}
blockquote.sbdocs {
background-color: #ededed;
padding: 15px 20px;
border: 1px solid #ccc;
border-radius: 4px;
margin: 2rem auto;
p {
font-size: 16px;
line-height: 22px;
}
}
}
p.sbdocs-p, ul.sbdocs-ul, li.sbdocs-li {
font-size: 18px;
line-height: 29px;
@include font-display;
}
a.sbdocs-a {
@include font-display;
color: $tr-muted-blue;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
.sbdocs {
@include font-display;
}
// .sbdocs {
// max-width: 800px;
// margin: 0 auto !important;
// display: block;
// }
// .sbdocs.sbdocs-pre {
// max-width: 1000px;
// }
// .sbdocs.sbdocs-wrapper, .sbdocs.sbdocs-content, .sbdocs.sbdocs-preview {
// max-width: 100%;
// }