mdb-ui-kit/less/_cards.import.less

67 lines
1.3 KiB
Plaintext
Raw Normal View History

2014-10-12 14:27:47 +04:00
.card {
/***** Make height equal to width (http://stackoverflow.com/a/6615994) ****/
display: inline-block;
position: relative;
width: 100%;
.card-height-indicator {
margin-top: 100%;
}
.card-content {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
/**************************************************************************/
2014-10-12 14:27:47 +04:00
2014-10-13 13:51:37 +04:00
border-radius: 2px;
2014-10-12 14:27:47 +04:00
color: @card-body-text;
background: @card-body-background;
.shadow-z-2();
.card-image {
height: 60%;
position: relative;
overflow: hidden;
img {
width: 100%;
height: 100%;
2014-10-13 13:51:37 +04:00
border-top-left-radius: 2px;
border-top-right-radius: 2px;
pointer-events: none;
2014-10-12 14:27:47 +04:00
}
.card-image-headline {
position: absolute;
bottom: 16px;
left: 18px;
color: @card-image-headline;
font-size: 2em;
}
}
.card-body {
height: 30%;
padding: 18px;
}
.card-footer {
height: 10%;
padding: 18px;
button {
margin: 0 !important;
position: relative;
bottom: 25px;
width: auto;
2014-10-12 14:27:47 +04:00
&:first-child {
left: -15px;
}
}
}
2014-10-13 13:51:37 +04:00
}