2.0.0 • Published 10 years ago

stylecow-plugin-extend v2.0.0

Weekly downloads
2
License
MIT
Repository
github
Last release
10 years ago

stylecow plugin extend

Build Status

Stylecow plugin to work with @extend using the syntax proposed by Tab Atkins.

%button {
	display: inline-block;
	padding: 1em;
}

%big-button {
	@extend %button;
	font-size: 2em;
}

%red-big-button {
	@extend %big-button;
	color: red;
}

.button {
	@extend %button;
}

.big-button {
	@extend %big-button;
}

.red-big-button {
	@extend %red-big-button;
}

.red-big-button-rounded {
	@extend %red-big-button;
	border-radius: 8px;
}

And stylecow converts to:

.red-big-button, .red-big-button-rounded, .big-button, .button {
	display: inline-block;
	padding: 1em;
}
.red-big-button, .red-big-button-rounded, .big-button {
	font-size: 2em;
}
.red-big-button, .red-big-button-rounded {
	color: red;
}
.red-big-button-rounded {
	border-radius: 8px;
}

More demos in the tests folder

2.0.0

10 years ago

1.2.1

10 years ago

1.2.0

10 years ago

1.1.2

10 years ago

1.1.1

10 years ago

1.1.0

10 years ago

1.0.2

10 years ago

1.0.1

10 years ago

1.0.0

10 years ago