Need help?
Reign of Jafar Lore Card (19 of 19) - Reign of Jafar
$0.10
Shipping calculated at checkout.
LOR-ROJN-VYMKUOUOJT-1
Quantity
<div class="trove-card-description__details">
<div class="trove-card-detail"><label>Card Type</label></div>
<div class="trove-card-detail">
<label>Rarity</label>None</div>
<div class="trove-card-detail">
<label>Card Effect</label><div>
<div class="trove-card-rules-text">Archazia held out her inkcaster to the Jasmine glimmer chosen to infiltrate Jafar's palace. "Remember, he thinks this bestows an Illumineer's powers. We know it doesn't, but you must pretend. Distract him while the rest of the team goes for the Hexwell Crown."
<br>"What if he figures out it won't work for him?" Jasmine asked.
<br>"Then you'll fight your way out with the Crown. Lorcana is counting on you—Jafar's reign must end." </div>
<a class="trove-card-description__legacy-toggle d-none" href="javascript:void(0);" onclick="toggleCardText()">Show More</a>
</div>
</div>
</div>
<script>
var cardText = document.querySelector(".trove-card-rules-text")
var showMore = document.querySelector('.trove-card-description__legacy-toggle')
function toggleCardText() {
if (showMore.innerHTML == 'Show More') {
showMore.innerHTML = 'Show Less'
cardText.classList.add('store-pass-full-text')
}
else {
showMore.innerHTML = 'Show More'
cardText.classList.remove('store-pass-full-text')
}
}
initText()
function initText() {
if (!checkOverflow(cardText)) return
showMore.classList.remove('d-none')
}
function checkOverflow(el) {
var curOverflow = el.style.overflow;
if (!curOverflow || curOverflow === "visible") el.style.overflow = "hidden"
var isOverflowing = el.clientWidth < el.scrollWidth || el.clientHeight < el.scrollHeight;
el.style.overflow = curOverflow;
return isOverflowing;
}
</script>
<style>
.trove-card-rules-text {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
height: 84px;
}
.store-pass-full-text {
-webkit-line-clamp: unset;
height: unset;
}
.trove-card-description__details .mb-1, .my-1 {
margin-bottom: 0.375rem!important;
}
.trove-card-description__details .mr-1, .mx-1 {
margin-right: 0.375rem!important;
}
.trove-card-description__details .mr-1, .mx-1 {
margin-left: 0.375rem!important;
}
.trove-card-description__details .d-none {
display: none!important;
}
.trove-card-description__details .d-block {
display: block!important;
}
.trove-card-description__details .row {
display: flex;
flex-wrap: wrap;
}
.trove-card-description__details .col-6 {
flex: 0 0 50%;
max-width: 50%;
display: flex;
}
.trove-card-description__details .legality {
margin-right: 1rem;
}
.trove-card-description__details .labeled-info {
display: flex;
flex-direction: column;
}
.trove-card-description__details .labeled-info > div {
border-bottom: 1px solid #e5e5e5;
margin-bottom: 1rem;
padding-bottom: 1rem;
}
.trove-card-description__details .labeled-info > div:first-child {
padding-top: 1rem;
}
.trove-card-description__details .labeled-info > div:last-child {
border-bottom: 0px;
padding-bottom: 0;
}
.trove-card-description__details .labeled-info .inner {
display: flex;
padding: 0.25rem;
margin: 0.25rem;
border-bottom: 1px solid #e5e5e5;
}
.trove-card-description__details .labeled-info .inner:first-child {
padding-top: 0.25rem;
}
.trove-card-description__details .labeled-info .inner:last-child {
padding-bottom: 0;
border-bottom: 0;
}
.trove-card-description__details .trove-card-detail {
display: flex;
align-items: center;
padding: 0.5rem;
margin: 0;
border-bottom: 1px solid #e5e5e5;
}
.trove-card-description__details .trove-card-detail trove-card-detail--summary {
padding: 0.5rem;
}
.trove-card-description__details .trove-card-detail trove-card-detail--summary label {
margin-right: 0.375rem;
}
.trove-card-description__details .trove-card-detail label {
font-weight: 600;
flex: 0 0 120px;
margin-bottom: 0;
overflow-wrap: break-word;
align-self: flex-start;
}
.trove-card-description__details .trove-card-detail .inner label {
flex: 0 0 200px;
}
</style>
Explore similar cards
Select a detail to search Trove’s catalog without leaving the website.