Skip to content

Instantly share code, notes, and snippets.

@zartgesotten
Created March 7, 2019 14:42
Show Gist options
  • Save zartgesotten/ea194f4376834d54a0a324fca5a365a6 to your computer and use it in GitHub Desktop.
Save zartgesotten/ea194f4376834d54a0a324fca5a365a6 to your computer and use it in GitHub Desktop.
/* ---------------------------------------------------------------------
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;
}
/* ---------------------------------------------------------------------
Module: Callout
Requirement: You must have equal column heights.
------------------------------------------------------------------------ */
.fl-module-callout {
display: flex;
height: 100%;
}
.fl-module-callout .fl-module-content {
width: 100%; /* fixes IE11 */
}
.fl-callout {
display: flex;
flex-direction: column;
height: 100%;
}
.fl-callout-content,
.fl-callout-text-wrap {
flex-grow: 1;
display: flex;
flex-direction: column;
}
.fl-callout-text {
flex-grow: 1;
}
/* ---------------------------------------------------------------------
Module: Call to Action
Requirement: You must have equal column heights.
Requirement: Button layout must be stacked.
------------------------------------------------------------------------ */
.fl-module-cta {
display: flex;
height: 100%;
}
.fl-module-cta .fl-module-content {
width: 100%; /* fixes IE11 */
}
.fl-cta-wrap {
display: flex;
flex-direction: column;
height: 100%;
}
.fl-cta-text {
flex-grow: 1;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment