$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(-50%, -$bevel-depth/2)));
$border-color: scale-color($border-color, $saturation: -$bevel-depth/2);
- @if contains($bevel-style, shade, true) {
+ @if contains($bevel-style, v-shade, true) {
$border-color: $border-color $border-color blend-multiply(transparentize(#000, max(0.8, 1-$bevel-depth/200%)), $border-color);
}
@mixin v-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 hilite, join(inset, $v-panel-shadow-style)));
+ box-shadow: v-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());
@include transition-delay(100ms);
}
- /* row in column selector */
.v-on,
.v-off {
&:before {
-$v-textfield-bevel-style: inset 0 1px 0 shade, 0 1px 0 hilite !default;
+$v-textfield-bevel-style: inset 0 1px 0 v-shade, 0 1px 0 v-hilite !default;
$v-textfield-bevel-depth: $v-bevel-depth !default;
$v-textfield-shadow-style: none !default;
$v-textfield-shadow-depth: $v-shadow-depth !default;
$v-overlay-padding-vertical: $v-overlay-padding !default;
$v-overlay-padding-horizontal: $v-overlay-padding !default;
-$v-overlay-shadow-style: 0 2px 4px 0 shade, 0 3px 5px 0 shade !default;
+$v-overlay-shadow-style: 0 2px 4px 0 v-shade, 0 3px 5px 0 v-shade !default;
$v-selection-overlay-padding: $v-overlay-padding !default;
$v-selection-overlay-padding-vertical: $v-selection-overlay-padding !default;
max-height: 10em;
overflow: auto;
font-weight: $v-font-weight + 100;
+
+ h2:only-child {
+ font: inherit;
+ line-height: inherit;
+ }
}
.v-tooltip-text {
$v-border-width: 1px !default; // Must be specified in pixels
$v-border-radius: 4px !default; // Must be specified in pixels
-$v-gradient-style: linear !default;
+$v-gradient-style: v-linear !default;
$v-gradient-depth: 8% !default;
-$v-bevel-style: inset 0 1px 0 hilite, inset 0 -1px 0 shade !default;
+$v-bevel-style: inset 0 1px 0 v-hilite, inset 0 -1px 0 v-shade !default;
$v-bevel-depth: 25% !default;
-$v-shadow-style: 0 2px 3px shade !default;
+$v-shadow-style: 0 2px 3px v-shade !default;
$v-shadow-depth: 5% !default;
-$v-focus-style: 0 0 0 2px focus-color !default;
+$v-focus-style: 0 0 0 2px v-focus-color !default;
$v-focus-color: null !default;
$v-animations-enabled: true !default;
// @private
// @variable v-relative-paths
// @default false
-$v-relative-paths: false !default;
\ No newline at end of file
+$v-relative-paths: false !default;
// If the shadow-list only contains one shadow
// (we can't use the recursive replace function because that will mess up the list delimeters)
- @if last($shadow-list) == hilite {
- @return replace($shadow-list, hilite, $hilite);
- } @else if last($shadow-list) == shade {
- @return replace($shadow-list, shade, $shade);
+ @if last($shadow-list) == v-hilite {
+ @return replace($shadow-list, v-hilite, $hilite);
+ } @else if last($shadow-list) == v-shade {
+ @return replace($shadow-list, v-shade, $shade);
}
// If there are multiple shadows in a list, recurse and separate lists with a comma
@function v-valo-focus-box-shadow ($color: null, $focus-style: $v-focus-style) {
$focus-color: v-valo-focus-color($color: $color);
- @return replace($focus-style, focus-color, transparentize($focus-color, .5));
+ @return replace($focus-style, v-focus-color, transparentize($focus-color, .5));
}
@function v-valo-gradient-color-stops($color, $style: $v-gradient-style, $depth: $v-gradient-depth) {
@if $depth > 0 {
- @if $style == linear or $style == linear-reverse {
+ @if $style == v-linear or $style == v-linear-reverse {
$start: blend-overlay(transparentize(#fff, 1-$depth/100%), $color);
$end: blend-overlay(transparentize(#000, max(0, 1-$depth/100%)), $color);
$end: blend-multiply(transparentize(#000, max(0, 1-$depth/200%)), $end);
- @if $style == linear {
+ @if $style == v-linear {
@return $start 2%, $end 98%;
} @else {
@return $end 2%, $start 98%;
</tr>
<!-- Used by font icons -->
<tr>
- <td>FontAwesome</td>
+ <td title="Custom web font">FontAwesome</td>
<td><a href="licenses/OFL.txt">SIL OFL 1.1</a></td>
</tr>
<!-- The extracted vaadin-sass-compiler -->