Description list pure css description list

Case of use

base #

Title 1
Description lorem ipsum
Title 2
Description lorem ipsum
Title 3
Description lorem ipsum
Title 4
Description lorem ipsum
Title 5
Description lorem ipsum
Title 6
Description lorem ipsum
Title 7
Description lorem ipsum
Title 8
Description lorem ipsum
					
						
Title 1
Description lorem ipsum
Title 2
Description lorem ipsum
Title 3
Description lorem ipsum
Title 4
Description lorem ipsum
Title 5
Description lorem ipsum
Title 6
Description lorem ipsum
Title 7
Description lorem ipsum
Title 8
Description lorem ipsum

Setup #

classes less/formir/setup/classes.less #

			
				@dd: dd; // tag 'dd' or class or both
@dt: dt; // tag 'dt' or class or both
@dl: dl; // tag 'dl' or class or both

@dl-horizontally: horizontally;
@dl-horizontally-collapse: collapse;
@dl-title-colon: title-colon;
@dl-size: size;
@dl-space: space;
			
		

core less/formir/setup/core.less #

			
				@layout-steps: 8;

@dl-steps: @layout-steps;
			
		

variables less/formir/setup/variables.less #

			
				@dd-gutter: 20px;
@dd-space-default: 20px;
@dd-title-space-default: 5px;
@dl-size-default: 3;