//
// Component: Width
//
// ========================================================================


// Additional fake uikit classes for large multi-columns
each(range(7,20), {
				.uk-child-width-1-@{value} {
						> * {			
								width: 100% / (@value + 0.001);
						}
				}
				
				.uk-width-1-@{value} {
						width: 100% / (@value + 0.001);
				}

		}
);

/* Desktop and bigger */
@media (min-width: @breakpoint-large) {
		each(range(7,20), {
				.uk-child-width-1-@{value}\@l  {
						> * {			
								width: 100% / (@value + 0.001);
						}
				}

				.uk-width-1-@{value}\@l  {
						width: 100% / (@value + 0.001);
				}
		})
}

// Variables
// ========================================================================


// Miscellaneous
// ========================================================================

.hook-width-misc() {}
