blob: 5ec9a29b0fbfba6e151c800ed624d9d7e5987bb1 [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-outerheader {
&:after {
border-top-width: 0px;
}
}
.v-window-contents {
padding-top: $v-line-height * $v-scaling-factor--large + $v-layout-spacing-vertical*2 !important;
}
/* .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;
}
}