@microblink/blinkinput-in-browser-sdk
Version:
A simple barcode scanning library for WebAssembly-enabled browsers.
74 lines (73 loc) • 1.94 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 {
display: block;
padding: 8px;
border: var(--mb-component-image-box-border-width) solid var(--mb-component-image-box-border-color);
border-radius: var(--mb-component-image-box-border-radius);
}
:host .label {
margin: 0;
padding: 0 0 4px 0;
height: var(--mb-component-image-box-label-height);
line-height: var(--mb-component-image-box-label-height);
color: var(--mb-component-image-box-label-color);
font-family: var(--mb-font-family);
font-size: var(--mb-component-image-box-label-font-size);
font-weight: var(--mb-component-image-box-label-font-weight);
}
:host .cta {
display: block;
height: var(--mb-component-image-box-cta-height);
color: var(--mb-component-image-box-cta-color);
text-decoration: none;
font-family: var(--mb-font-family);
font-size: var(--mb-component-image-box-cta-font-size);
font-weight: var(--mb-component-image-box-cta-font-weight);
}
:host .cta .cta-label,
:host .cta svg {
vertical-align: middle;
}
:host .cta .cta-label {
display: inline-block;
max-width: calc(100% - 28px);
height: var(--mb-component-image-box-cta-label-height);
line-height: var(--mb-component-image-box-cta-label-height);
margin: 0;
padding: 0 8px 0 0;
}
:host .cta .cta-label.filename {
max-width: unset;
width: calc(100% - 20px);
padding: 0;
color: var(--mb-component-image-box-file-color);
font-weight: var(--mb-component-image-box-file-font-weight);
text-overflow: ellipsis;
overflow: hidden;
}
:host .cta svg {
display: none;
width: 20px;
height: 20px;
margin: 0;
}
:host .cta svg.visible {
display: inline-block;
}
:host input[type=file] {
position: absolute;
width: 0;
height: 0;
opacity: 0;
clip: rect(1px, 1px, 1px, 1px);
}