water.css icon indicating copy to clipboard operation
water.css copied to clipboard

Format Definition List vertical

Open jimmywarting opened this issue 2 years ago • 4 comments

Following up on this article on how to format a Definition List and some other stackoverflow suggestions... I found this to be pretty nice: https://jsbin.com/kuyawicuno/2/edit?html,css,output

Thinking maybe that you should incorporate it to the default style

jimmywarting avatar Jun 06 '22 14:06 jimmywarting

please assign me this issue. I want to start working on it immediately.

deepbeatz avatar Oct 08 '22 15:10 deepbeatz

Can you explain in a more detail manner as to what exactly needs to be done here ? I'm still confused, I'd like to contribute

adiitiii avatar Feb 13 '23 10:02 adiitiii

Simply adding:

dl {
	display: grid;
	align-items: baseline;
}
dt {
	grid-column: 1;
	text-align: right;
}
dd {
	grid-column: 2;
	margin-inline-start: 10px;
}
dd * {
	width: 100%;
	box-sizing: border-box;
}

jimmywarting avatar Feb 13 '23 11:02 jimmywarting

Please assign me to this issue

Nikhil743 avatar Oct 01 '23 05:10 Nikhil743