shut/src/less/css.Card.less

Shut UI Framework

/*Basic Card */
.card {
	position: relative;
	display: flex;
	.tail {
		margin-inline-start: auto;
	
	}
	.corner {
		position: absolute;
		top: 0;
		inset-inline-end: 0; 
	}
	.corner-bottom {
		position: absolute;
		bottom: 0;
		inset-inline-end: 0;
	}

}
.card-v {
	flex-direction: column; 
	.tail-v {
		margin-block-start: auto;
	}
}
// card buttons allow breathign of buttons

.card-btns {
	button {
        margin-inline-end: @halfspace;
    }
}

.valign-center {
	align-items: center;
}
.valign-top {
	align-items: flex-start;
}
.overflow-hidden {
	overflow: hidden;
}