Sass restructure: base theme with renameable components

1 files changed, 5 insertions, 5 deletions

diff --git a/WebContent/VAADIN/themes/base/absolutelayout/absolutelayout.scss b/WebContent/VAADIN/themes/base/absolutelayout/absolutelayout.scss
index ddb030c00f..c8bb57365f 100644
--- a/WebContent/VAADIN/themes/base/absolutelayout/absolutelayout.scss
+++ b/WebContent/VAADIN/themes/base/absolutelayout/absolutelayout.scss
@@ -1,18 +1,18 @@
-@mixin base-absolutelayout {
+@mixin base-absolutelayout($name : v-absolutelayout) {
 
-.v-absolutelayout-wrapper {
+.#{$name}-wrapper {
 	position: absolute;
 	overflow: hidden;
 }
-.v-absolutelayout-margin, .v-absolutelayout-canvas {
+.#{$name}-margin, .#{$name}-canvas {
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 }
-.v-absolutelayout.v-has-height > div, .v-absolutelayout.v-has-height > div > div {
+.#{$name}.v-has-height > div, .#{$name}.v-has-height > div > div {
 	height: 100%;
 }
-.v-absolutelayout.v-has-width > div, .v-absolutelayout.v-has-width > div > div {
+.#{$name}.v-has-width > div, .#{$name}.v-has-width > div > div {
 	width: 100%;
 }