Amy/Blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: added general media margin for consistant margins

Browse Source
This commit is contained in:
Amy Retzerau
2025-09-26 13:02:43 +02:00
parent fc23cb6e90
commit 7ef5d2bbb9
3 changed files with 55 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/routes/blogs/blog.svelte
View File

@@ -15,11 +15,11 @@
</script>
<main>
<div class="title">
<div class="title media-margin">
<!-- prettier-ignore -->
<h1>{title}</h1><p class="date">Last updated {ddate.toDateString()}</p>
</div>
<div class="blog-text">
<div class="blog-text media-margin">
<p>{desc}</p>
<slot>
<!-- the mdsvex content will be slotted in here -->
@@ -33,15 +33,8 @@
border-radius: 1rem;
}
.title {
padding: var(--d3);
#margin: var(--d3) 0;
flex-wrap: row;
}
.title h1 {
width: calc(100% - 15rem);
margin: 0;
vertical-align: baseline;
display: inline-block;
}
@@ -54,6 +47,12 @@
#float: right;
}
.blog-text {
border-radius: var(--border-round);
#background: var(--rp-moon-surface);
#box-shadow: 0px 0px 0.5rem 0px hsl(from var(--rp-moon-pine) h calc(s * 0.5) calc(l * 0.25));
}
@media only screen and (max-width: 700px) {
.title {
margin-bottom: -5.3px;
@@ -68,11 +67,4 @@
width: 100%;
}
}
.blog-text {
border-radius: var(--border-round);
#background: var(--rp-moon-surface);
#box-shadow: 0px 0px 0.5rem 0px hsl(from var(--rp-moon-pine) h calc(s * 0.5) calc(l * 0.25));
padding: var(--d2) var(--d3) var(--d4);
}
</style>