.card{ border: 1px solid $black; // .is-featured{ // position: absolute; // // float: left; // z-index: 30; // // padding:0.5rem 3rem 0.5rem 0.8rem; // // margin:2rem 0 1rem 2rem; // top:2rem; // left:2rem; // line-height: 2rem; // // letter-spacing: -1px; // // -webkit-box-decoration-break: clone; // // box-decoration-break: clone; // // border:solid $black; // // border-width:0 1px 1px 0; // text-transform: uppercase; // // margin:-1.6rem null null -1px; // span{ // background-color: $white; // display: block; // } // } .padded-multiline { line-height: 1.8; position: absolute; z-index: 10; padding:0.5rem 3rem 0.5rem 0.5rem; @include for-tablet-portrait-up { padding-top: 4rem; } // left:0.5rem; span{ background-color: $black; color: $white; display: inline; padding: 0.3rem 2.5rem 0.3rem 0.5rem; /* Needs prefixing */ -webkit-box-decoration-break: clone; box-decoration-break: clone; } } } .card.has-min-height, .box.has-min-height { min-height: 125px; }