<div class="card">
<div class="card-body">
<p class="card-text">Some more card content</p>
</div>
<div class="card-footer">
2 days ago
</div>
</div>
<div class="card">
<div class="card-body">
<p class="card-text">Some more card content</p>
</div>
<div class="card-footer">
2 days ago
</div>
</div>
/* _card.scss:85 */
.card-footer {
padding: $card-spacer-y $card-spacer-x;
background-color: $card-cap-bg;
border-top: $card-border-width solid $card-border-color;
&:last-child {
@include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);
}
}
/* _card.scss:205 */
.card-footer {
border-bottom-right-radius: 0;
}
/* _card.scss:218 */
.card-footer {
border-bottom-left-radius: 0;
}
/* _card.scss:231 */
.card-footer {
@include border-bottom-radius($card-border-radius);
}
/* _card.scss:242 */
.card-footer {
@include border-radius(0);
}
Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.
© 2024 Shuffle. All rights reserved.