@microblink/blinkid-in-browser-sdk
Version:
A simple ID scanning library for WebAssembly-enabled browsers.
86 lines (78 loc) • 1.89 kB
CSS
/**
* 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);
}