mirror of
https://github.com/mdbootstrap/mdb-ui-kit.git
synced 2024-11-23 10:04:04 +03:00
67 lines
1.3 KiB
SCSS
67 lines
1.3 KiB
SCSS
|
//
|
||
|
|
//.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;
|
||
|
|
// }
|
||
|
|
//
|
||
|
|
// /**************************************************************************/
|
||
|
|
//
|
||
|
|
// border-radius: $border-radius-base;
|
||
|
|
// color: $mdb-card-body-text;
|
||
|
|
// background: $mdb-card-body-background;
|
||
|
|
//
|
||
|
|
// @include shadow-z-2();
|
||
|
|
//
|
||
|
|
// .card-image {
|
||
|
|
// height: 60%;
|
||
|
|
// position: relative;
|
||
|
|
// overflow: hidden;
|
||
|
|
// img {
|
||
|
|
// width: 100%;
|
||
|
|
// height: 100%;
|
||
|
|
// border-top-left-radius: 2px;
|
||
|
|
// border-top-right-radius: 2px;
|
||
|
|
// pointer-events: none;
|
||
|
|
// }
|
||
|
|
// .card-image-headline {
|
||
|
|
// position: absolute;
|
||
|
|
// bottom: 16px;
|
||
|
|
// left: 18px;
|
||
|
|
// font-size: 2em;
|
||
|
|
// color: $mdb-card-image-headline;
|
||
|
|
// }
|
||
|
|
// }
|
||
|
|
//
|
||
|
|
// .card-body {
|
||
|
|
// height: 30%;
|
||
|
|
// padding: 18px;
|
||
|
|
// }
|
||
|
|
//
|
||
|
|
// .card-footer {
|
||
|
|
// height: 10%;
|
||
|
|
// padding: 18px;
|
||
|
|
// button {
|
||
|
|
// position: relative;
|
||
|
|
// bottom: 25px;
|
||
|
|
// width: auto;
|
||
|
|
// margin: 0 !important;
|
||
|
|
// &:first-child {
|
||
|
|
// left: -15px;
|
||
|
|
// }
|
||
|
|
// }
|
||
|
|
// }
|
||
|
|
//}
|