Firq/firq-dev-website
Firq/firq-dev-website
1
0
Fork 0
Code Issues Pull requests Projects Releases 69 Packages Wiki Activity Actions

renaming stuff

Browse source
This commit is contained in:
Firq 2023-03-14 21:16:19 +01:00
parent c34e1b5ff6
commit 82b5709faa
Signed by: Firq
GPG key ID: 3ACC61C8CEC83C20
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/layouts/blogSection.astro
View file

@ -8,15 +8,15 @@ const { title } = Astro.props
<section> <section>
<h1>{title}</h1> <h1>{title}</h1>
<div class="holder"> <div class="wrapper">
<div class="line"></div> <div class="line"></div>
<slot /> <slot />
<div class="circle"></div> <div class="drop"></div>
</div> </div>
</section> </section>
<style> <style>
.circle { .drop {
display: flex; display: flex;
position: absolute; position: absolute;
visibility: visible; visibility: visible;
@ -53,7 +53,7 @@ const { title } = Astro.props
max-width: max-content; max-width: max-content;
background-color: var(--c-darkgray); background-color: var(--c-darkgray);
} }
.holder { .wrapper {
margin: 2rem 3rem 0.5rem 3rem; margin: 2rem 3rem 0.5rem 3rem;
display: flex; display: flex;
flex-flow: column wrap; flex-flow: column wrap;
@ -70,7 +70,7 @@ const { title } = Astro.props
@media (min-width: 512px) { @media (min-width: 512px) {
} }
@media (min-width: 1500px) { @media (min-width: 1500px) {
.holder { .wrapper {
margin-left: 15rem; margin-left: 15rem;
margin-right: 15rem; margin-right: 15rem;
} }