renaming stuff
This commit is contained in:
parent
c34e1b5ff6
commit
82b5709faa
1 changed files with 5 additions and 5 deletions
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue