| @mixin os-progress-gridview { |
| .v-progressbar-wrapper { |
| outline: $os-border; |
| outline-color: $os-background-color; |
| |
| .v-progressbar-indicator { |
| border: 0px; |
| } |
| } |
| } |
| |
| @mixin os-progress-login { |
| /** @todo please refine the CSS ... |
| * - smaller font size, so that a long message can be displayed |
| * - bolder font color like the login caption text |
| */ |
| .v-caption-initialization-progress .v-captiontext { |
| font-size: $os-font-size * $v-scaling-factor--small !important; |
| color: valo-font-color($os-background-color) !important; |
| } |
| } |
| |
| @mixin os-notification-popup { |
| h1[class^="v-Notification"] { |
| background: none; |
| border: none; |
| } |
| } |
| |
| @mixin os-scrollbar { |
| ::-webkit-scrollbar { |
| background: $os-light-contrast; |
| } |
| ::-webkit-scrollbar-thumb { |
| background: $os-mid-contrast; |
| border: $os-background-color solid 2px; |
| } |
| ::-webkit-scrollbar-button { |
| background: $os-light-contrast; |
| } |
| ::-webkit-scrollbar-button:vertical:decrement { |
| background: white; |
| content: '123'; |
| @include os-icon-font($content: '12', |
| $placement: after); |
| color: black; |
| |
| } |
| /* |
| ::-webkit-scrollbar-corner { |
| background: $os-dark-contrast; |
| border: $os-border; |
| }*/ |
| } |