{ Boolean(isEmpty) && (
diff --git a/src/shared/containers/challenge-detail/styles.scss b/src/shared/containers/challenge-detail/styles.scss index 5f75cc5054..64bc07d1a9 100644 --- a/src/shared/containers/challenge-detail/styles.scss +++ b/src/shared/containers/challenge-detail/styles.scss @@ -36,3 +36,22 @@ text-align: center; width: 100%; } + +.outage-banner { + margin: auto; + max-width: 1240px; + padding: 4 * $base-unit; + width: 100%; + + @include roboto-regular; + + font-size: 13px; + line-height: 20px; + background-color: #fdf6d5; + + strong { + color: $tc-red; + text-transform: uppercase; + font-weight: bold; + } +}