diff options
| author | Jouni Koivuviita <jouni@vaadin.com> | 2014-08-19 12:02:04 +0300 |
|---|---|---|
| committer | Artur Signell <artur@vaadin.com> | 2014-08-19 14:48:25 +0000 |
| commit | 1ceef27de99043e4ba917a8f806d107d1eaf4495 (patch) | |
| tree | 9c518915ddda9c3dae9818539f35ea8da7627aed /WebContent/VAADIN/themes/tests-valo-light | |
| parent | ddb2940bfb34b25fac14f2700385c6fdda7873c1 (diff) | |
| download | vaadin-framework-1ceef27de99043e4ba917a8f806d107d1eaf4495.tar.gz vaadin-framework-1ceef27de99043e4ba917a8f806d107d1eaf4495.zip | |
Add a new variation for Valo
A new variation named “Light”, similar to iOS7 style.
Fix some valo-menu styles to accommodate the new light style better.
Change-Id: Ib7c396263db7838c972d75a6b79fed1caf7ca576
Diffstat (limited to 'WebContent/VAADIN/themes/tests-valo-light')
| -rw-r--r-- | WebContent/VAADIN/themes/tests-valo-light/_variables.scss | 24 | ||||
| -rw-r--r-- | WebContent/VAADIN/themes/tests-valo-light/styles.scss | 6 |
2 files changed, 30 insertions, 0 deletions
diff --git a/WebContent/VAADIN/themes/tests-valo-light/_variables.scss b/WebContent/VAADIN/themes/tests-valo-light/_variables.scss new file mode 100644 index 0000000000..e851f075e4 --- /dev/null +++ b/WebContent/VAADIN/themes/tests-valo-light/_variables.scss @@ -0,0 +1,24 @@ +$v-app-loading-text: "Light Valo"; + +$v-background-color: hsl(0, 0, 99.5%); +$v-app-background-color: #fff; +$v-focus-color: hsl(218, 80%, 60%); +$v-border: 1px solid (v-shade 0.6); +$v-border-radius: 3px; +$v-bevel: inset 0 1px 0 v-tint; +$v-textfield-bevel: false; +$v-gradient: v-linear 3%; +$v-shadow: false; +$valo-menu-background-color: hsl(218, 20%, 98%); +$v-friendly-color: hsl(163, 61%, 41%); +$v-error-indicator-color: hsl(349, 66%, 56%); + + +@import "../valo/valo"; + +.tests-valo-light .valo-menu .valo-menu-title { + background: $v-app-background-color; + color: $v-selection-color; + text-shadow: none; + border-color: first-color(valo-border($color: $v-app-background-color, $strength: 0.5)); +} diff --git a/WebContent/VAADIN/themes/tests-valo-light/styles.scss b/WebContent/VAADIN/themes/tests-valo-light/styles.scss new file mode 100644 index 0000000000..12ee8a780e --- /dev/null +++ b/WebContent/VAADIN/themes/tests-valo-light/styles.scss @@ -0,0 +1,6 @@ +@import "variables"; +@import "../tests-valo/valotest"; + +.tests-valo-light { + @include valotest; +} |