Sha256: 66a9fa7b07fe75fa5c5c2fe9e5decfd8969e8df7319dfc8f862311ddc3a3c7b1

Contents?: true

Size: 1.38 KB

Versions: 2

Compression:

Stored size: 1.38 KB

Contents

.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;
            color: $mdb-card-image-headline;
            font-size: 2em;
        }
    }

    .card-body {
        height: 30%;
        padding: 18px;
    }

    .card-footer {
        height: 10%;
        padding: 18px;
        button, a {
            margin: 0 !important;
            position: relative;
            bottom: 25px;
            width: auto;
            &:first-child {
                left: -15px;
            }
        }
    }
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version Path
rails-bootstrap-material-design-0.5.10.1 app/assets/stylesheets/bootstrap-material-design/_cards.scss
rails-bootstrap-material-design-0.5.10 app/assets/stylesheets/bootstrap-material-design/_cards.scss