diff options
| author | Henri Sara <hesara@vaadin.com> | 2012-08-08 14:27:31 +0300 |
|---|---|---|
| committer | Henri Sara <hesara@vaadin.com> | 2012-08-08 14:44:49 +0300 |
| commit | cfa455d6cfd4a535fd77cbc76637a57e7024e9ac (patch) | |
| tree | cecb66492671ed20fa9865581da12930ed502047 /WebContent/VAADIN/themes/chameleon/components/splitpanel/splitpanel.scss | |
| parent | 620e096b45f27ecc5aa85d164ca8b81df000e593 (diff) | |
| download | vaadin-framework-cfa455d6cfd4a535fd77cbc76637a57e7024e9ac.tar.gz vaadin-framework-cfa455d6cfd4a535fd77cbc76637a57e7024e9ac.zip | |
Standard themes in SCSS form, updated CompileDefaultTheme (#9223)
Conversion performed for most themes trivial, just rename file and wrap
in a mixin. For chameleon compounds, also nesting used. In some cases,
related small files combined in a single SCSS file
Chameleon accordion and select contain fixes other than just a missing
semicolon.
Diffstat (limited to 'WebContent/VAADIN/themes/chameleon/components/splitpanel/splitpanel.scss')
| -rw-r--r-- | WebContent/VAADIN/themes/chameleon/components/splitpanel/splitpanel.scss | 67 |
1 files changed, 67 insertions, 0 deletions
diff --git a/WebContent/VAADIN/themes/chameleon/components/splitpanel/splitpanel.scss b/WebContent/VAADIN/themes/chameleon/components/splitpanel/splitpanel.scss new file mode 100644 index 0000000000..99f51edc01 --- /dev/null +++ b/WebContent/VAADIN/themes/chameleon/components/splitpanel/splitpanel.scss @@ -0,0 +1,67 @@ +@mixin chameleon-splitpanel { + +.v-splitpanel-hsplitter div, +.v-splitpanel-vsplitter div { + background: transparent url(../../img/split-handle.png) no-repeat 2px 50%; + margin: 0 -1px; + width: 9px; + } + +.v-splitpanel-vsplitter div { + background-position: 50% 2px; + margin: -1px 0; + width: auto; + height: 9px; + } + +.v-splitpanel-hsplitter, +.v-splitpanel-hsplitter-locked { + border-style: solid; + border-width: 0 1px; + border-color: #b0b0b0; + width: 7px; + background: #b3b3b3 url(../../img/grad-light-left.png) repeat-y; + } + +.v-splitpanel-vsplitter, +.v-splitpanel-vsplitter-locked { + border-style: solid; + border-width: 1px 0; + border-color: #b0b0b0; + height: 7px; + background: #b3b3b3 url(../../img/grad-light-top.png) repeat-x; + } + +/******************************************************************************* + * Small + ******************************************************************************/ +body .v-splitpanel-hsplitter-small, +body .v-splitpanel-hsplitter-small-locked { + width: 1px; + border: none; + background-image: none; + } + +body .v-splitpanel-vsplitter-small, +body .v-splitpanel-vsplitter-small-locked { + height: 1px; + border: none; + background-image: none; + font-size: 1px; + line-height: 1px; + } + +.v-splitpanel-hsplitter-small div { + width: 7px; + margin-left: -2px; + background: transparent; + } + +.v-splitpanel-vsplitter-small div { + height: 7px; + margin-top: -2px; + background: transparent; + overflow: hidden; + } + +}
\ No newline at end of file |