4imprint Style Guide Sass : Extend & Placeholder

Extends & Placeholders

Clones the attributes from rules and allows you to add them to another rule.

@extend .button-core;

					
.button-core { padding: 10px; }
.button-md { @extend .button-core; }

These should always be listed first in your CSS declarations.

None at this time.

Instead of repeating styles we can use @extend to extend the placeholder rule.

%placeholder-styles { margin: 0; padding: 0; border: none; }

.item { @extend %placeholder-styles; height: 25px; }

					
%placeholder-styles { 
	margin: 0; 
	padding: 0; 
	border: none; 
}       
.item{
	@extend %placeholder-styles;
}

None at this time.

None at this time.