@natlibfi/melinda-ui-commons
Version:
Common modules for Melinda UI applications
64 lines (43 loc) • 1.6 kB
CSS
/* ---------------------------------------------------------------------------- */
/* Styles for generic GUI components */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* FLEXBOXES */
/* ---------------------------------------------------------------------------- */
/* filler to take remaining space */
.flex-fill {
display: flex;
flex-grow: 1;
}
.flexbox {
display: flex;
}
.flex-row {
display: flex;
flex-direction: row;
}
.flex-column {
display: flex;
flex-direction: column;
}
/* ---------------------------------------------------------------------------- */
/* VIEWPORT */
/* ---------------------------------------------------------------------------- */
.viewport-full {
height: 100vh;
width: 100vw;
overflow-x: hidden;
}
/* ---------------------------------------------------------------------------- */
/* BOX-SHADOW
/* ---------------------------------------------------------------------------- */
.box-shadow {
box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}
/* ---------------------------------------------------------------------------- */
/* BODY WRAPPER
/* ---------------------------------------------------------------------------- */
#bodywrapper {
display: flex;
background-color: var(--color-primary-white);
}