From df06831c56dab7458e51d71ae02e3e62fa104bcb Mon Sep 17 00:00:00 2001 From: Avior Date: Mon, 12 Jul 2021 23:39:15 +0200 Subject: [PATCH] Updated GradientBackground to make child 100vh Signed-off-by: Avior --- src/dzeio/GradientBackground/GradientBackground.module.styl | 3 +-- src/dzeio/GradientBackground/index.tsx | 4 ++-- src/dzeio/config.styl | 1 + 3 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/dzeio/GradientBackground/GradientBackground.module.styl b/src/dzeio/GradientBackground/GradientBackground.module.styl index 88b4ca2..05faf3f 100644 --- a/src/dzeio/GradientBackground/GradientBackground.module.styl +++ b/src/dzeio/GradientBackground/GradientBackground.module.styl @@ -6,14 +6,13 @@ $percent = 15% transition all $transition background $mainGradient - &.fullscreen + &.fullscreen > :first-child min-height 100vh .info background linear-gradient(to right, $infoLight, lighten($infoLight, $percent)) @media (prefers-color-scheme dark) background linear-gradient(to right, $infoDark, darken($infoDark, $percent)) - .success background linear-gradient(to right, $successLight, lighten($successLight, $percent)) diff --git a/src/dzeio/GradientBackground/index.tsx b/src/dzeio/GradientBackground/index.tsx index 1615a7d..0b4758e 100644 --- a/src/dzeio/GradientBackground/index.tsx +++ b/src/dzeio/GradientBackground/index.tsx @@ -13,8 +13,8 @@ interface Props { /** * Make the background a linear-gradient - * - * @version 1.0.1 + * + * @version 1.0.2 */ export default class GradientBackground extends React.Component { diff --git a/src/dzeio/config.styl b/src/dzeio/config.styl index 69d45b7..6d9de7a 100644 --- a/src/dzeio/config.styl +++ b/src/dzeio/config.styl @@ -51,4 +51,5 @@ $default = $main // See https://github.com/stylus/stylus/issues/1872#issuecomment-86553717 use('stylusUtils.js') +// Import theme in the root folder of the project @import '../../../../../../theme' if file-exists('../../../../../../theme.styl')