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; 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 { #simple-card {
max-height: 88vh; height: 88vh;
} }
</style> </style>
@ -25,6 +25,11 @@
<div class="center-grid"> <div class="center-grid">
<div id="simple-card" class="tarot-card"> <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> <p>The Simple Card</p>
</div> </div>