TheMagician
/
tarotcard.css
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add black border for inner sections

This commit is contained in:
The Magician 2023-12-01 14:37:20 +00:00
parent 5fcff95350
commit ad19b85751
2 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
tarotcard.css
View File

@ -3,3 +3,13 @@
border: 1em solid white;
}
.tarot-card__section {
border-left: 0.4rem solid black;
border-right: 0.4rem solid black;
border-bottom: 0.4rem solid black;
}
.tarot-card__section:nth-child(1) {
border-top: 0.4rem solid black;
}

7
test/index.html
View File

@ -15,7 +15,7 @@
}
#simple-card {
max-height: 88vh;
height: 88vh;
}
</style>
@ -25,6 +25,11 @@
<div class="center-grid">
<div id="simple-card" class="tarot-card">
<div class="tarot-card__section">Section 1</div>
<div class="tarot-card__section">Section 2</div>
<div class="tarot-card__section">Section 3</div>
<div class="tarot-card__section">Section 4</div>
<p>The Simple Card</p>
</div>