dzeio/components
1
0
Fork 0
mirror of https://github.com/dzeiocom/components.git synced 2025-04-22 19:02:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Updated GradientBackground to make child 100vh

Browse Source 
Signed-off-by: Avior <florian.bouillon@delta-wings.net>
This commit is contained in:
Florian Bouillon 2021-07-12 23:39:15 +02:00
parent 52df94ed25
commit df06831c56
Signed by: Florian Bouillon
GPG Key ID: 50BD648F12C86AB6
3 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/dzeio/GradientBackground/GradientBackground.module.styl
View File

@ -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))

4
src/dzeio/GradientBackground/index.tsx
View File

@ -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<Props> {

1
src/dzeio/config.styl
View File

@ -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')