Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Align UABB Module: Info Banner
/* ---------------------------------------------------------------------
Module: UABB Info Banner
Requirement: You must have equal column heights.
Requirement: Should not have a height set in the individual modules.
------------------------------------------------------------------------ */
.fl-module-info-banner {
display: flex;
height: 100%;
}
.fl-module-info-banner .fl-module-content {
width: 100%; /* fixes IE11 */
}
.uabb-ultb3-box {
display: flex;
flex-direction: column;
height: 100%;
}
.uabb-ultb3-info {
flex-grow: 1;
display: flex;
flex-direction: column;
}
.uabb-ultb3-desc {
flex-grow: 1;
padding-bottom: 10px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment