From: Marc Englund Date: Wed, 26 Sep 2012 13:23:39 +0000 (+0300) Subject: Rearranging sass theme structure in phases. X-Git-Tag: 7.0.0.beta6~87^2~22 X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=af67b3056eabb6428aa2a5e736d5a19e6cca9564;p=vaadin-framework.git Rearranging sass theme structure in phases. --- diff --git a/WebContent/VAADIN/themes/chameleon/chameleon.scss b/WebContent/VAADIN/themes/chameleon/chameleon.scss index 16f95bbbb4..73109ad0bf 100644 --- a/WebContent/VAADIN/themes/chameleon/chameleon.scss +++ b/WebContent/VAADIN/themes/chameleon/chameleon.scss @@ -1,10 +1,12 @@ -// this file just defines all chameleon mixins by importing them - -// common (mostly application or page level) parts of the theme - +@import "../base/styles.scss"; @import "common/common.scss"; - -// components - can override or replace in user themes - @import "components/components.scss"; @import "compound/compound.scss"; + +@mixin chameleon { + // TODO each + @include chameleon-app; + @include chameleon-common; + @include chameleon-components; + @include chameleon-compound; +} diff --git a/WebContent/VAADIN/themes/chameleon/styles.scss b/WebContent/VAADIN/themes/chameleon/styles.scss index ee905c17e9..0c55a57239 100644 --- a/WebContent/VAADIN/themes/chameleon/styles.scss +++ b/WebContent/VAADIN/themes/chameleon/styles.scss @@ -1,10 +1,4 @@ -@import "../base/styles.scss"; @import "chameleon.scss"; - -@include chameleon-app; - -// .v-theme-chameleon { -@include chameleon-common; -@include chameleon-components; -@include chameleon-compound; -// } +.chameleon { + @include chameleon; +} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/liferay/liferay.scss b/WebContent/VAADIN/themes/liferay/liferay.scss index 68e9efbfe2..d024dc2553 100644 --- a/WebContent/VAADIN/themes/liferay/liferay.scss +++ b/WebContent/VAADIN/themes/liferay/liferay.scss @@ -1,6 +1,4 @@ -// this file just defines all reindeer mixins by importing them - -// common between others for now for backwards compatibility +@import "../base/styles.scss"; @import "accordion/accordion.scss"; @import "button/button.scss"; @@ -23,3 +21,26 @@ @import "textfield/textfield.scss"; @import "tree/tree.scss"; @import "window/window.scss"; + +@mixin liferay { + @include liferay-accordion; + @include liferay-button; + + @include liferay-common; + @include liferay-contextmenu; + @include liferay-datefield; + @include liferay-formlayout; + @include liferay-menubar; + @include liferay-notification; + @include liferay-panel; + @include liferay-popupview; + @include liferay-progressindicator; + @include liferay-select; + @include liferay-slider; + @include liferay-splitpanel; + @include liferay-table; + @include liferay-tabsheet; + @include liferay-textfield; + @include liferay-tree; + @include liferay-window; +} diff --git a/WebContent/VAADIN/themes/liferay/styles.scss b/WebContent/VAADIN/themes/liferay/styles.scss index 78fbd62c25..d518071249 100644 --- a/WebContent/VAADIN/themes/liferay/styles.scss +++ b/WebContent/VAADIN/themes/liferay/styles.scss @@ -1,28 +1,6 @@ -// this file actually attaches all liferay mixins to a parent style - -@import "../base/styles.scss"; @import "liferay.scss"; -// .v-theme-liferay { - @include liferay-accordion; - @include liferay-button; - - @include liferay-common; - - @include liferay-contextmenu; - @include liferay-datefield; - @include liferay-formlayout; - @include liferay-menubar; - @include liferay-notification; - @include liferay-panel; - @include liferay-popupview; - @include liferay-progressindicator; - @include liferay-select; - @include liferay-slider; - @include liferay-splitpanel; - @include liferay-table; - @include liferay-tabsheet; - @include liferay-textfield; - @include liferay-tree; - @include liferay-window; -// } +.liferay { + @include liferay; +} + diff --git a/WebContent/VAADIN/themes/reindeer/reindeer.scss b/WebContent/VAADIN/themes/reindeer/reindeer.scss index 0cd01f7885..67a997d9eb 100644 --- a/WebContent/VAADIN/themes/reindeer/reindeer.scss +++ b/WebContent/VAADIN/themes/reindeer/reindeer.scss @@ -1,7 +1,7 @@ -// this file just defines all reindeer mixins by importing them +// move this(?) +@import "base.scss"; // common between others for now for backwards compatibility - @import "accordion/accordion.scss"; @import "a-sprite-definitions/a-sprite-definitions.scss"; @import "button/button.scss"; @@ -26,3 +26,32 @@ @import "textfield/textfield.scss"; @import "tree/tree.scss"; @import "window/window.scss"; + +@mixin reindeer { + // TODO @each + + @include reindeer-accordion; + // TODO @include a-sprite-definitions; + @include reindeer-button; + @include reindeer-common; + @include reindeer-datefield; + @include reindeer-formlayout; + @include reindeer-label; + @include reindeer-layouts; + @include reindeer-link; + @include reindeer-menubar; + @include reindeer-notification; + @include reindeer-panel; + @include reindeer-popupview; + @include reindeer-progressindicator; + @include reindeer-select; + @include reindeer-slider; + @include reindeer-splitpanel; + @include reindeer-table; + @include reindeer-tabsheet; + @include reindeer-textfield; + @include reindeer-tree; + @include reindeer-window; +} + + diff --git a/WebContent/VAADIN/themes/reindeer/styles.scss b/WebContent/VAADIN/themes/reindeer/styles.scss index 51daace9d3..d0cab9f923 100644 --- a/WebContent/VAADIN/themes/reindeer/styles.scss +++ b/WebContent/VAADIN/themes/reindeer/styles.scss @@ -1,32 +1,5 @@ -// this file actually attaches all reindeer mixins to a parent style - -@import "../base/styles.scss"; @import "reindeer.scss"; -// .v-theme-reindeer { - @include reindeer-accordion; - // TODO this is problematic: comments get stripped out - // @include a-sprite-definitions; - @include reindeer-button; - - @include reindeer-common; - - @include reindeer-datefield; - @include reindeer-formlayout; - @include reindeer-label; - @include reindeer-layouts; - @include reindeer-link; - @include reindeer-menubar; - @include reindeer-notification; - @include reindeer-panel; - @include reindeer-popupview; - @include reindeer-progressindicator; - @include reindeer-select; - @include reindeer-slider; - @include reindeer-splitpanel; - @include reindeer-table; - @include reindeer-tabsheet; - @include reindeer-textfield; - @include reindeer-tree; - @include reindeer-window; -// } +.reindeer { + @include reindeer; +} diff --git a/WebContent/VAADIN/themes/runo/runo.scss b/WebContent/VAADIN/themes/runo/runo.scss index 9ef3ed118a..12c0349236 100644 --- a/WebContent/VAADIN/themes/runo/runo.scss +++ b/WebContent/VAADIN/themes/runo/runo.scss @@ -1,4 +1,4 @@ -// this file just defines all runo mixins by importing them +@import "../base/styles.scss"; @import "absolutelayout/absolutelayout.scss"; @import "accordion/accordion.scss"; @@ -25,3 +25,34 @@ @import "textfield/textfield.scss"; @import "tree/tree.scss"; @import "window/window.scss"; + +@mixin runo { + // TODO each + @include runo-absolutelayout; + @include runo-accordion; + @include runo-button; + @include runo-caption; + + @include runo-common; + + @include runo-datefield; + @include runo-formlayout; + @include runo-gridlayout; + @include runo-label; + @include runo-link; + @include runo-menubar; + @include runo-notification; + @include runo-orderedlayout; + @include runo-panel; + @include runo-popupview; + @include runo-progressindicator; + @include runo-select; + @include runo-shadow; + @include runo-slider; + @include runo-splitpanel; + @include runo-table; + @include runo-tabsheet; + @include runo-textfield; + @include runo-tree; + @include runo-window; +} \ No newline at end of file diff --git a/WebContent/VAADIN/themes/runo/styles.scss b/WebContent/VAADIN/themes/runo/styles.scss index 1bbe531b23..187fd3e2ec 100644 --- a/WebContent/VAADIN/themes/runo/styles.scss +++ b/WebContent/VAADIN/themes/runo/styles.scss @@ -1,32 +1,4 @@ -@import "../base/styles.scss"; @import "runo.scss"; - -// .v-theme-runo { -@include runo-absolutelayout; -@include runo-accordion; -@include runo-button; -@include runo-caption; - -@include runo-common; - -@include runo-datefield; -@include runo-formlayout; -@include runo-gridlayout; -@include runo-label; -@include runo-link; -@include runo-menubar; -@include runo-notification; -@include runo-orderedlayout; -@include runo-panel; -@include runo-popupview; -@include runo-progressindicator; -@include runo-select; -@include runo-shadow; -@include runo-slider; -@include runo-splitpanel; -@include runo-table; -@include runo-tabsheet; -@include runo-textfield; -@include runo-tree; -@include runo-window; -// } +.runo { + @include runo; +}