cards.less
Home
/
themes /
src /
main /
resources /
theme /
rh-sso /
common /
resources /
lib /
components /
patternfly /
less /
cards.less
//
// Cards
// --------------------------------------------------
.container-cards-pf {
margin-top: @grid-gutter-width/2;
}
.card-pf {
background: @card-pf-bg-color;
border-top: 2px solid @card-pf-border-top-color;
.box-shadow(0 1px 1px rgba(0,0,0,.175));
padding: 0 @grid-gutter-width/2;
margin: 0 (-(@grid-gutter-width/4)) @grid-gutter-width/2;
&.card-pf-accented {
border-top-color: @card-pf-accented-border-top-color;
}
}
.card-pf-body {
margin: @grid-gutter-width/2 0;
padding: 0 0 @grid-gutter-width/2;
> *:last-child {
margin-bottom: 0;
}
}
.card-pf-footer {
background-color: @card-pf-footer-bg-color;
border-top: 1px solid @card-pf-border-color;
margin: 0 (-(@grid-gutter-width/2)) !important;
padding: @grid-gutter-width/2 @grid-gutter-width/2 @grid-gutter-width/4;
a > {
.fa, .pficon {
margin-right: 5px;
}
}
}
.card-pf-heading {
border-bottom: 1px solid @card-pf-border-color;
margin: 0 (-(@grid-gutter-width/2)) @grid-gutter-width/2;
padding: 0 @grid-gutter-width/2 0;
}
.card-pf-title {
font-size: @font-size-h3;
font-weight: 300;
margin: @grid-gutter-width/2 0;
padding: 0;
}
.cards-pf {
background: @card-pf-container-bg-color;
}
.row-cards-pf {
margin-left: -(@grid-gutter-width/4);
margin-right: -(@grid-gutter-width/4);
}