UNPKG

@microblink/blinkid-in-browser-sdk

Version:

A simple ID scanning library for WebAssembly-enabled browsers.

86 lines (78 loc) 1.89 kB
/** * Copyright (c) Microblink Ltd. All rights reserved. */ /** * Copyright (c) Microblink Ltd. All rights reserved. */ /** * SASS variables, not customizable via CSS variables */ /** * Camera experiences */ :host { box-sizing: border-box; display: none; } :host a { display: block; margin: 0 auto; width: calc(var(--mb-component-button-size) - 2 * var(--mb-component-button-border-width)); height: calc(var(--mb-component-button-size) - 2 * var(--mb-component-button-border-width)); background: var(--mb-component-button-background); border-color: var(--mb-component-button-border-color); border-radius: var(--mb-component-button-border-radius); border-style: var(--mb-component-button-border-style); border-width: var(--mb-component-button-border-width); box-shadow: var(--mb-component-button-box-shadow); text-decoration: none; } :host a:hover, :host a:active, :host a:focus { cursor: pointer; } :host a:focus { border-color: var(--mb-component-button-border-color-focus); } :host a:hover { border-color: var(--mb-component-button-border-color-hover); } :host(.disabled) a { border-color: var(--mb-component-button-border-color-disabled); box-shadow: var(--mb-component-button-box-shadow-disabled); cursor: default; } :host(.disabled) img { opacity: 0.5; } :host(.visible) { display: block; } :host(.icon) a { display: flex; align-items: center; justify-content: center; } /** * Action buttons */ :host label { cursor: inherit; } :host img { display: block; width: var(--mb-component-button-icon-size); height: var(--mb-component-button-icon-size); } /** * Action labels */ :host span { display: block; padding-top: 8px; font-size: var(--mb-component-font-size); font-weight: var(--mb-component-font-weight); line-height: var(--mb-component-line-height); color: var(--mb-feedback-font-color-info); }