| //// |
| /// @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; |
| } |
| } |