_sass/_post.scss in askclass-course-theme-0.5.0 vs _sass/_post.scss in askclass-course-theme-0.5.1
- old
+ new
@@ -1,5 +1,12 @@
+@mixin boxed() {
+ margin-top: 100px;
+ border-radius: 5px;
+ padding: 2px 5px;
+ background-color: var(--color-code-bg);
+}
+
article {
max-width: var(--content-width);
width: 100%;
display: flex;
flex-direction: column;
@@ -11,9 +18,41 @@
}
h1 {
& + time {
color: var(--color-dark);
font-size: 15px;
+ }
+ }
+ h1, h2, h3, h4 {
+ & + * {
+ margin-top: 0.5em;
+ }
+ & > code {
+ font-size: 0.8em;
+ }
+ }
+ code {
+ @include boxed();
+ }
+ pre {
+ margin: 0;
+ code {
+ border: 0;
+ background-color: inherit;
+ border-radius: 0;
+ padding: 0;
+ margin: 0;
+ }
+ }
+ p:has(> sub) {
+ margin: 1em 0 0 0;
+ sub {
+ font-family: var(--font-special);
+ color: var(--color-dark);
+ font-size: 0.9rem;
+ }
+ & + h1, & + h2, & + h3, & + h4 {
+ margin-top: 0;
}
}
address {
font-style: normal;
font-family: var(--font-secondary);