@dialpad/dialtone-css
Version:
Dialpad's design system
36 lines (31 loc) • 813 B
text/less
//
// DIALTONE
// COMPONENTS: Image Viewer
//
// These are the styles for Image Viewer component.
//
// TABLE OF CONTENTS
// • BASE STYLE
//
// ============================================================================
// $ BASE STYLE
// ----------------------------------------------------------------------------
.d-image-viewer__preview-button {
padding: var(--dt-space-0);
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.d-image-viewer__full {
max-width: 80%;
max-height: 80%;
padding: var(--dt-space-0);
border-radius: var(--dt-size-radius-0);
&__image {
max-width: 100%;
max-height: 100%;
}
}
.d-image-viewer__close-button {
--fco: 100%;
color: hsl(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--fco));
}