| //// |
| /// @group layout/cash-register |
| //// |
| |
| /// Styles related to POS/Cash register application. To receive these styles, components need to be placed inside a global layout with style name "os-cash-register". |
| @mixin os-entrance { |
| $screen-padding: 10vw; |
| $custom-height: 10vh; |
| $header-slot-width: (100vw - (2 * $screen-padding)) / 3; |
| $custom-width: 80vw; |
| |
| |
| .os-entrance { |
| |
| @include os-statemachine; |
| @include os-stretch-layout ($custom-height, $custom-width); |
| |
| |
| .os-entrance-header { |
| display: flex; |
| flex-direction: row; |
| justify-content: space-between; |
| /* border: 1px solid lime; */ |
| img { |
| max-width: $header-slot-width; |
| max-height: $custom-height; |
| } |
| } |
| .v-slot-os-logo-left, .v-slot-os-logo-center, .v-slot-os-logo-right { |
| width: $header-slot-width; |
| } |
| .v-slot-os-logo-left, .os-logo-left { |
| text-align: left; |
| img { |
| max-width: 90%; |
| display: none; |
| } |
| } |
| .v-slot-os-logo-center, .os-logo-center { |
| text-align: center; |
| img {max-width: 80%;} |
| } |
| .v-slot-os-logo-right, .os-logo-right { |
| text-align: right; |
| img {max-width: 90%;} |
| } |
| |
| .v-slot-os-advertisement { |
| img { |
| max-width: 100%; |
| max-height: 100%; |
| } |
| } |
| |
| &:before { |
| content: "\f061"; |
| font-family: FontAwesome; |
| position: absolute; |
| top: 0px; |
| font-size: 9vh; |
| /* right: calc(10vw + 18vh); */ |
| left: calc(10vw + 11vh); |
| color: #003050; |
| line-height: 1em; |
| } |
| &:after { |
| content: "\f2c2"; |
| /* content: "\f054\f054 \f2c2"; */ |
| |
| font-family: FontAwesome; |
| position: absolute; |
| top: 0px; |
| font-size: 9vh; |
| /* right: 10vw; */ |
| left: $screen-padding; |
| color: #c8057f; |
| line-height: 1em; |
| } |
| |
| |
| .os-entrance-logo { |
| /* height: 7vh !important; */ |
| } |
| |
| /* .v-slot-os-entrance-logo { */ |
| /* background-image: url('../os-bee-logo-2016-cmyk_transparent.png'); */ |
| /* background-repeat: no-repeat; */ |
| /* background-size: contain; */ |
| /* background-position-x: right; */ |
| /* } */ |
| |
| .os-custom-height { |
| height: $custom-height; |
| } |
| |
| |
| .v-textfield.v-disabled { |
| border-bottom: transparent; |
| } |
| } |
| } |
