blob: 79b511262182fd09948d202dcd1cbebb1f43adf1 [file] [log] [blame]
////
/// @group components/popup
////
/// Popup overlay that contains a perspective selector (at the point of styling...).
@mixin os-popup-perspective {
.v-window-header {
@include os-typeface-view-h2;
.v-icon {
padding-right: $v-unit-size * 0.3;
}
text-align: center;
}
.v-window-closebox {
@include os-icon-font ( //$font-family: 'Arial',
$size: $v-font-size,
$float: right,
$content: '\2715');
}
.v-window-maximizebox {
width: $v-unit-size * 1.2 !important;
@include os-icon-font ( $size: $v-font-size,
$float: right,
$content: '\f096');
border-bottom-left-radius: $v-unit-size *0.5;
}
.v-window-restorebox {
width: $v-unit-size * 1.6 !important;
@include os-icon-font ($float: right,
$size: $v-font-size,
$content: '\f24d',
$mirror: true);
border-bottom-right-radius: $v-unit-size *0.5;
}
.v-window-closebox, .v-window-maximizebox, .v-window-restorebox {
background-color: $os-light-contrast;
height: $v-unit-size;
color: valo-font-color($os-light-contrast);
}
.v-window-closebox-disabled {
display: block;
cursor: auto;
color: get_color_mix(valo-font-color($os-light-contrast), #fff, 50);
}
.v-table-cell-content {
height: floor($v-unit-size * 1.3);
}
}
/// Notification overlay.
@mixin os-popup-notification {
h1[class^="v-Notification"] {
font-size: $v-font-size * $v-scaling-factor--large;
background: none;
border: none;
}
}