.example{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:1px solid #ffdd57;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;color:rgba(0,0,0,.7)}.example-label{background:#ffdd57;border-radius:4px 4px 0 0;bottom:100%;content:"Example";display:inline-block;font-size:8px;font-weight:700;left:-1px;padding:4px 8px;position:absolute;text-transform:uppercase;vertical-align:top}.example-component{padding:1.5rem}