mirror of
https://github.com/dzeiocom/components.git
synced 2025-06-15 12:09:20 +00:00
Compare commits
4 Commits
Author | SHA1 | Date | |
---|---|---|---|
a704e43fbf
|
|||
df06831c56
|
|||
52df94ed25
|
|||
ba0e70053b
|
4
package-lock.json
generated
4
package-lock.json
generated
@ -1,12 +1,12 @@
|
|||||||
{
|
{
|
||||||
"name": "@dzeio/components",
|
"name": "@dzeio/components",
|
||||||
"version": "0.10.0",
|
"version": "0.11.2",
|
||||||
"lockfileVersion": 2,
|
"lockfileVersion": 2,
|
||||||
"requires": true,
|
"requires": true,
|
||||||
"packages": {
|
"packages": {
|
||||||
"": {
|
"": {
|
||||||
"name": "@dzeio/components",
|
"name": "@dzeio/components",
|
||||||
"version": "0.10.0",
|
"version": "0.11.2",
|
||||||
"hasInstallScript": true,
|
"hasInstallScript": true,
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@dzeio/components",
|
"name": "@dzeio/components",
|
||||||
"version": "0.11.0",
|
"version": "0.11.2",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"main": "./index.js",
|
"main": "./index.js",
|
||||||
"types": "./types/index.d.ts",
|
"types": "./types/index.d.ts",
|
||||||
|
@ -6,14 +6,13 @@ $percent = 15%
|
|||||||
transition all $transition
|
transition all $transition
|
||||||
background $mainGradient
|
background $mainGradient
|
||||||
|
|
||||||
&.fullscreen
|
&.fullscreen > :first-child
|
||||||
min-height 100vh
|
min-height 100vh
|
||||||
|
|
||||||
.info
|
.info
|
||||||
background linear-gradient(to right, $infoLight, lighten($infoLight, $percent))
|
background linear-gradient(to right, $infoLight, lighten($infoLight, $percent))
|
||||||
@media (prefers-color-scheme dark)
|
@media (prefers-color-scheme dark)
|
||||||
background linear-gradient(to right, $infoDark, darken($infoDark, $percent))
|
background linear-gradient(to right, $infoDark, darken($infoDark, $percent))
|
||||||
|
|
||||||
|
|
||||||
.success
|
.success
|
||||||
background linear-gradient(to right, $successLight, lighten($successLight, $percent))
|
background linear-gradient(to right, $successLight, lighten($successLight, $percent))
|
||||||
|
@ -13,8 +13,8 @@ interface Props {
|
|||||||
|
|
||||||
/**
|
/**
|
||||||
* Make the background a linear-gradient
|
* Make the background a linear-gradient
|
||||||
*
|
*
|
||||||
* @version 1.0.1
|
* @version 1.0.2
|
||||||
*/
|
*/
|
||||||
export default class GradientBackground extends React.Component<Props> {
|
export default class GradientBackground extends React.Component<Props> {
|
||||||
|
|
||||||
|
@ -30,7 +30,7 @@ interface State {
|
|||||||
|
|
||||||
/**
|
/**
|
||||||
* Display a simple loading animation at the top of the page
|
* Display a simple loading animation at the top of the page
|
||||||
*
|
*
|
||||||
* @version 1.0.0
|
* @version 1.0.0
|
||||||
*/
|
*/
|
||||||
export default class Loader extends React.Component<Props, State> {
|
export default class Loader extends React.Component<Props, State> {
|
||||||
@ -48,8 +48,8 @@ export default class Loader extends React.Component<Props, State> {
|
|||||||
|
|
||||||
public componentWillUnmount() {
|
public componentWillUnmount() {
|
||||||
if (this.props.auto) {
|
if (this.props.auto) {
|
||||||
Router.events.off('routechangeComplete', this.routeChangeComplete)
|
Router.events.off('routeChangeComplete', this.routeChangeComplete)
|
||||||
Router.events.off('routechangeStart', this.routeChangeStart)
|
Router.events.off('routeChangeStart', this.routeChangeStart)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -51,4 +51,5 @@ $default = $main
|
|||||||
// See https://github.com/stylus/stylus/issues/1872#issuecomment-86553717
|
// See https://github.com/stylus/stylus/issues/1872#issuecomment-86553717
|
||||||
use('stylusUtils.js')
|
use('stylusUtils.js')
|
||||||
|
|
||||||
|
// Import theme in the root folder of the project
|
||||||
@import '../../../../../../theme' if file-exists('../../../../../../theme.styl')
|
@import '../../../../../../theme' if file-exists('../../../../../../theme.styl')
|
||||||
|
Reference in New Issue
Block a user