//
// Footer
// --------------------------------------------------
// Custom footer styles

// Local variables
//
// Which are meant to be used only in this module. »Global« variables are stored
// in /assets/less/<%= templateProps.theme %>/variables.less
@mm_footer-height: 40px;
@mm_footer-bg: #f5f5f5;

// Local mixins
//
// Which are meant to be used only in this module. »Global« mixins are stored
// in /assets/less/<%= templateProps.theme %>/mixins.less

// Called in scaffolding.less
.mm_footer-htmlProps() {
	position: relative;
	min-height: 100%;
}

// Called in scaffolding.less
.mm_footer-bodyProps() {
	// Margin bottom by footer height
	margin-bottom: @mm_footer-height;
}

// Styles
//

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	// Set the fixed height of the footer here
	height: 60px;
	background-color: #f5f5f5;
	> .container {
		padding-right: 15px;
		padding-left: 15px;
	}
	.footer-text { margin: 20px 0; }
}

//
// Footer
// --------------------------------------------------
// Custom footer styles

// Local variables
//
// Which are meant to be used only in this module. »Global« variables are stored
// in /assets/less/theme/variables.less
@mm_footer-height: 60px;
@mm_footer-text-margin: 20px;
@mm_footer-bg: #f5f5f5;

// Local mixins
//
// Which are meant to be used only in this module. »Global« mixins are stored
// in /assets/less/theme/mixins.less

// Called in scaffolding.less
.mm_footer-htmlProps() {
	position: relative;
	min-height: 100%;
}

// Called in scaffolding.less
.mm_footer-bodyProps() {
	// Margin bottom by footer height
	margin-bottom: (@mm_footer-height - @mm_footer-text-margin);
}

// Styles
//

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	// Set the fixed height of the footer here
	height: @mm_footer-height;
	background-color: #f5f5f5;
	> .container {
		padding-right: 15px;
		padding-left: 15px;
	}
	.footer-text { margin: @mm_footer-text-margin 0; }
}

Improve use of variables in footer example
Improve use of variables in footer example
