@microblink/blinkid-imagecapture-in-browser-sdk
Version:
A smart image capturing library for WebAssembly-enabled browsers.
50 lines (49 loc) • 1.36 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: block;
}
:host button {
display: block;
border: none;
margin: 0;
padding: 7px 16px;
color: var(--mb-component-button-classic-text-color);
background: var(--mb-component-button-classic-background);
border: 1px solid var(--mb-component-button-classic-background);
border-radius: var(--mb-component-button-classic-border-radius);
font-family: var(--mb-font-family);
font-size: var(--mb-component-button-classic-font-size);
font-weight: var(--mb-component-button-classic-font-weight);
}
:host button:not([disabled]) {
cursor: pointer;
}
:host button[disabled] {
opacity: 0.5;
pointer-events: none;
}
:host(.inverted) a {
background-color: white;
color: var(--mb-component-button-classic-inverted-text-color);
border: 1px solid var(--mb-component-button-classic-inverted-border-color);
}
:host(.inverted) a:hover,
:host(.inverted) a:active,
:host(.inverted) a:focus {
cursor: pointer;
background-color: var(--mb-component-button-classic-inverted-hover-background);
}
:host(.inverted) a:focus {
border-color: var(--mb-component-button-classic-focused-border-color);
}