css 在Beaver Builder和UABB CTA模块中对齐按钮

Posted 2021-05-13

/* ---------------------------------------------------------------------
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;
}

/* ---------------------------------------------------------------------
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: 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;
}