summaryrefslogtreecommitdiffstats
path: root/WebContent/VAADIN/themes/valo/components/_panel.scss
diff options
context:
space:
mode:
authorJouni Koivuviita <jouni@vaadin.com>2014-04-29 16:52:20 +0300
committerJouni Koivuviita <jouni@vaadin.com>2014-04-29 16:52:20 +0300
commitf420906bbc1bed1963012c861e9c8bf29d3321cc (patch)
tree3257c47cafdf5511f388882bf226870cc367d2f8 /WebContent/VAADIN/themes/valo/components/_panel.scss
parentf04287fbe3d8bc9751e22608fe84a436a272dd7d (diff)
downloadvaadin-framework-f420906bbc1bed1963012c861e9c8bf29d3321cc.tar.gz
vaadin-framework-f420906bbc1bed1963012c861e9c8bf29d3321cc.zip
Replaced 'v-valo' prefix with just 'valo'
Mass find-and-replace, tested that the theme works as before. Fixes #13686 Change-Id: I99dfed995f288d1b37a1ac425932bba95dfae994
Diffstat (limited to 'WebContent/VAADIN/themes/valo/components/_panel.scss')
-rw-r--r--WebContent/VAADIN/themes/valo/components/_panel.scss42
1 files changed, 21 insertions, 21 deletions
diff --git a/WebContent/VAADIN/themes/valo/components/_panel.scss b/WebContent/VAADIN/themes/valo/components/_panel.scss
index 54fe31975a..b37bbd4ed6 100644
--- a/WebContent/VAADIN/themes/valo/components/_panel.scss
+++ b/WebContent/VAADIN/themes/valo/components/_panel.scss
@@ -9,39 +9,39 @@ $v-panel-caption-bevel-depth: $v-bevel-depth !default;
-@mixin v-valo-panel ($primary-stylename: v-panel) {
+@mixin valo-panel ($primary-stylename: v-panel) {
.#{$primary-stylename} {
- @include v-valo-panel-style;
+ @include valo-panel-style;
}
.#{$primary-stylename}-caption {
- @include v-valo-panel-caption-style;
+ @include valo-panel-caption-style;
}
.#{$primary-stylename}-content {
@include box-sizing(border-box);
width: 100%;
height: 100%;
- @include v-valo-panel-adjust-content-margins;
+ @include valo-panel-adjust-content-margins;
}
}
-@function v-valo-panel-background-color ($context: $v-app-background-color) {
+@function valo-panel-background-color ($context: $v-app-background-color) {
$bg-color: lighten($context, 5%);
@return $bg-color;
}
-@function v-valo-panel-caption-background-color ($background-color) {
+@function valo-panel-caption-background-color ($background-color) {
@return $background-color or $v-app-background-color;
}
-@function v-valo-panel-border-color ($background-color: $v-app-background-color) {
+@function valo-panel-border-color ($background-color: $v-app-background-color) {
$border-color: if(color-luminance($background-color) < color-luminance($v-app-background-color), $background-color, $v-app-background-color);
$border-color: blend-darken($border-color, scale-color($border-color, $lightness: max(-30%, -$v-bevel-depth/2)));
$border-color: scale-color($border-color, $saturation: -$v-bevel-depth/2);
@@ -49,36 +49,36 @@ $v-panel-caption-bevel-depth: $v-bevel-depth !default;
}
-@mixin v-valo-panel-style {
- background: v-valo-panel-background-color();
+@mixin valo-panel-style {
+ background: valo-panel-background-color();
border-radius: $v-panel-border-radius;
- border: $v-panel-border-width solid v-valo-panel-border-color(v-valo-panel-background-color());
- box-shadow: v-valo-shadow($shadow-style: $v-panel-shadow-style);
+ border: $v-panel-border-width solid valo-panel-border-color(valo-panel-background-color());
+ box-shadow: valo-shadow($shadow-style: $v-panel-shadow-style);
}
-@mixin v-valo-panel-caption-style ($background-color: $v-panel-caption-background-color) {
+@mixin valo-panel-caption-style ($background-color: $v-panel-caption-background-color) {
@include box-sizing(border-box);
padding: 0 round($v-unit-size/3);
line-height: $v-unit-size;
- $_bg: v-valo-panel-caption-background-color($background-color);
+ $_bg: valo-panel-caption-background-color($background-color);
$_border-color: scale-color($_bg, $lightness: -$v-panel-caption-bevel-depth/2, $saturation: -$v-panel-caption-bevel-depth/2);
border-bottom: $v-panel-border-width solid $_border-color;
border-bottom-color: rgba($_border-color, .8);
- @include v-valo-gradient($color: $_bg, $depth: $v-panel-caption-gradient-depth);
- color: v-valo-font-color($_bg);
+ @include valo-gradient($color: $_bg, $depth: $v-panel-caption-gradient-depth);
+ color: valo-font-color($_bg);
font-weight: $v-caption-font-weight;
font-size: $v-caption-font-size;
- box-shadow: v-valo-bevel($_bg, $bevel-style: $v-panel-caption-bevel-style, $bevel-depth: $v-panel-caption-bevel-depth, $gradient-depth: $v-panel-caption-gradient-depth);
+ box-shadow: valo-bevel($_bg, $bevel-style: $v-panel-caption-bevel-style, $bevel-depth: $v-panel-caption-bevel-depth, $gradient-depth: $v-panel-caption-gradient-depth);
}
-@mixin v-valo-panel-well-style {
+@mixin valo-panel-well-style {
$_bg: scale-color(adjust-color($v-app-background-color, $lightness: -2%), $saturation: -1.5%);
background: $_bg;
- box-shadow: v-valo-shadow($shadow-style: (0 1px 0 0 v-hilite, join(inset, $v-panel-shadow-style)));
+ box-shadow: valo-shadow($shadow-style: (0 1px 0 0 v-hilite, join(inset, $v-panel-shadow-style)));
border-radius: $v-border-radius;
- border: $v-border-width solid v-valo-panel-border-color(v-valo-panel-background-color());
+ border: $v-border-width solid valo-panel-border-color(valo-panel-background-color());
.v-panel-caption {
background: transparent;
@@ -87,7 +87,7 @@ $v-panel-caption-bevel-depth: $v-bevel-depth !default;
}
-@mixin v-valo-panel-borderless-style {
+@mixin valo-panel-borderless-style {
background: transparent;
border: none;
box-shadow: none;
@@ -99,7 +99,7 @@ $v-panel-caption-bevel-depth: $v-bevel-depth !default;
}
-@mixin v-valo-panel-adjust-content-margins {
+@mixin valo-panel-adjust-content-margins {
> .v-margin-top {
padding-top: round($v-unit-size/3);
}