diff options
Diffstat (limited to 'WebContent/VAADIN/themes/valo/shared/_overlay.scss')
| -rw-r--r-- | WebContent/VAADIN/themes/valo/shared/_overlay.scss | 52 |
1 files changed, 26 insertions, 26 deletions
diff --git a/WebContent/VAADIN/themes/valo/shared/_overlay.scss b/WebContent/VAADIN/themes/valo/shared/_overlay.scss index 96aa05ac49..5ac0ce5d9a 100644 --- a/WebContent/VAADIN/themes/valo/shared/_overlay.scss +++ b/WebContent/VAADIN/themes/valo/shared/_overlay.scss @@ -1,6 +1,6 @@ $v-overlay-border-radius: $v-border-radius !default; $v-overlay-border-width: $v-border-width !default; -$v-overlay-open-animation: v-valo-overlay-open 200ms !default; +$v-overlay-open-animation: valo-overlay-open 200ms !default; $v-overlay-padding: round($v-unit-size/9) !default; $v-overlay-padding-vertical: $v-overlay-padding !default; @@ -18,7 +18,7 @@ $v-selection-item-padding-horizontal: ceil($v-unit-size/4) !default; $v-selection-item-font-weight: max(400, $v-font-weight); -@function v-valo-overlay-background-color ($context: $v-app-background-color) { +@function valo-overlay-background-color ($context: $v-app-background-color) { @if is-dark-color($context) { @return darken($context, 2%); } @@ -30,7 +30,7 @@ $v-selection-item-font-weight: max(400, $v-font-weight); -@mixin v-valo-ie8-shadow($shadow, $element: top) { +@mixin valo-ie8-shadow($shadow, $element: top) { .#{$element} { $shadow-offset-x: nth($shadow, 1); $shadow-offset-y: nth($shadow, 2); @@ -69,16 +69,16 @@ $v-selection-item-font-weight: max(400, $v-font-weight); right: -$v-overlay-border-width; bottom: -$v-overlay-border-width; left: -$v-overlay-border-width; - background: darken(v-valo-overlay-background-color(), $v-bevel-depth); + background: darken(valo-overlay-background-color(), $v-bevel-depth); filter: alpha(opacity=round($v-bevel-depth/1%)); } // Up to 8 shadows are supported $elements: top, top-left, top-right, left, right, bottom, bottom-left, bottom-right; - $shadows: v-valo-shadow($shadow-style: $v-overlay-shadow-style); + $shadows: valo-shadow($shadow-style: $v-overlay-shadow-style); @if type-of(last($shadows)) == color { - @include v-valo-ie8-shadow($shadows); + @include valo-ie8-shadow($shadows); } @else { @for $i from 1 through min(length($elements), length($shadows)) { $shadow: nth($shadows, $i); @@ -86,7 +86,7 @@ $v-selection-item-font-weight: max(400, $v-font-weight); $shadow: last($shadow); // Workaround for a weird issue when sometimes a shadow is appended to a null list } @if length($shadow) > 3 { - @include v-valo-ie8-shadow($shadow: $shadow, $element: nth($elements, $i)); + @include valo-ie8-shadow($shadow: $shadow, $element: nth($elements, $i)); } } } @@ -98,22 +98,22 @@ $v-selection-item-font-weight: max(400, $v-font-weight); -@function v-valo-overlay-box-shadow ($bg: null) { - $bg: $bg or v-valo-overlay-background-color(); - @return v-valo-shadow($shadow-style: (0 0 0 $v-overlay-border-width rgba(darken($bg, $v-bevel-depth), $v-bevel-depth/100%), $v-overlay-shadow-style)); +@function valo-overlay-box-shadow ($bg: null) { + $bg: $bg or valo-overlay-background-color(); + @return valo-shadow($shadow-style: (0 0 0 $v-overlay-border-width rgba(darken($bg, $v-bevel-depth), $v-bevel-depth/100%), $v-overlay-shadow-style)); } -@mixin v-valo-overlay-style ($background-color: null, $open-animation: $v-overlay-open-animation) { +@mixin valo-overlay-style ($background-color: null, $open-animation: $v-overlay-open-animation) { padding: $v-overlay-padding-vertical $v-overlay-padding-horizontal; border-radius: $v-overlay-border-radius; - $bg: $background-color or v-valo-overlay-background-color(); + $bg: $background-color or valo-overlay-background-color(); background: $bg; - color: v-valo-font-color($bg); + color: valo-font-color($bg); - box-shadow: v-valo-overlay-box-shadow($bg); + box-shadow: valo-overlay-box-shadow($bg); @if $v-animations-enabled and $v-overlay-open-animation { @include animation($open-animation); @@ -128,7 +128,7 @@ $v-selection-item-font-weight: max(400, $v-font-weight); @if $v-animations-enabled { - @include keyframes(v-valo-overlay-open) { + @include keyframes(valo-overlay-open) { 0% { @include transform(translatey(-3px)); opacity: 0; @@ -141,15 +141,15 @@ $v-selection-item-font-weight: max(400, $v-font-weight); -@mixin v-valo-selection-overlay-style ($background-color: null, $open-animation: $v-overlay-open-animation) { - @include v-valo-overlay-style($background-color: $background-color, $open-animation: $open-animation); +@mixin valo-selection-overlay-style ($background-color: null, $open-animation: $v-overlay-open-animation) { + @include valo-overlay-style($background-color: $background-color, $open-animation: $open-animation); padding: $v-selection-overlay-padding-vertical $v-selection-overlay-padding-horizontal; } -@mixin v-valo-selection-item-style { +@mixin valo-selection-item-style { cursor: pointer; line-height: $v-selection-item-height; padding: 0 $v-selection-item-padding-horizontal*2 0 $v-selection-item-padding-horizontal; @@ -167,7 +167,7 @@ $v-selection-item-font-weight: max(400, $v-font-weight); right: 0; bottom: 0; left: 0; - background: scale-color(v-valo-selection-color(), $lightness: -30%, $saturation: 50%); + background: scale-color(valo-selection-color(), $lightness: -30%, $saturation: 50%); @include opacity(.15); pointer-events: none; border-radius: inherit; @@ -183,10 +183,10 @@ $v-selection-item-font-weight: max(400, $v-font-weight); -@mixin v-valo-selection-item-selected-style ($parent-background-color: null) { - $selection-color: v-valo-selection-color($parent-background-color); - @include v-valo-gradient($selection-color); - color: v-valo-font-color($selection-color, 0.9); +@mixin valo-selection-item-selected-style ($parent-background-color: null) { + $selection-color: valo-selection-color($parent-background-color); + @include valo-gradient($selection-color); + color: valo-font-color($selection-color, 0.9); } @@ -196,13 +196,13 @@ $v-selection-item-font-weight: max(400, $v-font-weight); -@mixin v-valo-drag-element { +@mixin valo-drag-element { .v-drag-element { - @include v-valo-drag-element-style; + @include valo-drag-element-style; } } -@mixin v-valo-drag-element-style { +@mixin valo-drag-element-style { background: #fff; box-shadow: 0 2px 10px rgba(#000, .2); border-radius: $v-border-radius; |