Skip to content

Instantly share code, notes, and snippets.

@TwisterMc
Last active April 13, 2018 19:16
Show Gist options
  • Save TwisterMc/4c7d42e502a13b03bdf2bf4444e6486a to your computer and use it in GitHub Desktop.
Save TwisterMc/4c7d42e502a13b03bdf2bf4444e6486a to your computer and use it in GitHub Desktop.
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