diff --git a/src/app/uiux/combs/node/article/article.component.ts b/src/app/uiux/combs/node/article/article.component.ts index e4c3dd769..944eb7e77 100644 --- a/src/app/uiux/combs/node/article/article.component.ts +++ b/src/app/uiux/combs/node/article/article.component.ts @@ -1,4 +1,3 @@ -import { DOCUMENT } from '@angular/common'; import { Component, Input, diff --git a/src/assets/app/404.json b/src/assets/app/404.json index ea192a28c..72b8ae8d4 100644 --- a/src/assets/app/404.json +++ b/src/assets/app/404.json @@ -1,30 +1,35 @@ { "title": "404 not found!", - "body": [{ - "type": "404", - "img": { - "src": "/assets/images/404.svg", - "alt": "404 not found!" - }, - "text": { - "spacer": "none", - "title": { - "label": "OH!NO
页面没有找到", - "style": "style-v1", - "classes": "mat-display-1" + "body": [ + { + "type": "404", + "img": { + "src": "/assets/images/404.svg", + "alt": "404 not found!" }, - "body": "信使是基于 Material UI 的 Angular 前端框架,后端适配 Drupal,提供优秀的数字创新体验。" - }, - "actions": [{ - "label": "Go Back", - "href": "/", - "style": "style-v1", - "icon": "open_in_new" - }, { - "label": "Go To Home", - "href": "/", - "style": "style-v1", - "icon": "open_in_new" - }] - }] + "text": { + "spacer": "none", + "title": { + "label": "OH!NO
页面没有找到", + "style": "style-v1", + "classes": "mat-display-1" + }, + "body": "信使是基于 Material UI 的 Angular 前端框架,后端适配 Drupal,提供优秀的数字创新体验。" + }, + "actions": [ + { + "label": "Go Back", + "href": "/", + "style": "style-v1", + "icon": "open_in_new" + }, + { + "label": "Go To Home", + "href": "/", + "style": "style-v1", + "icon": "open_in_new" + } + ] + } + ] } diff --git a/src/theme/mixins/_amixin.scss b/src/theme/mixins/_amixin.scss index 4e90487fc..47a845dca 100644 --- a/src/theme/mixins/_amixin.scss +++ b/src/theme/mixins/_amixin.scss @@ -4,23 +4,13 @@ $ease: linear, $delay: 0 ) { - -webkit-transition: $prop $time $ease; - -moz-transition: $prop $time $ease; - -o-transition: $prop $time $ease; - -ms-transition: $prop $time $ease; transition: $prop $time $ease; } @mixin delay($delay: 0) { - -webkit-transition-delay: $delay; - -moz-transition-delay: $delay; - -o-transition-delay: $delay; - -ms-transition-delay: $delay; transition-delay: $delay; } @mixin box-shadow($x: 0px, $y: 3px, $blur: 5px, $alpha: 0.5) { - -webkit-box-shadow: $x $y $blur rgba(0, 0, 0, $alpha); - -moz-box-shadow: $x $y $blur rgba(0, 0, 0, $alpha); box-shadow: $x $y $blur rgba(0, 0, 0, $alpha); } @@ -30,18 +20,10 @@ $bottomleft: 5px, $bottomright: 5px ) { - -webkit-border-radius: $topleft $topright $bottomright $bottomleft; - -moz-border-radius: $topleft $topright $bottomright $bottomleft; border-radius: $topleft $topright $bottomright $bottomleft; } @mixin transform($rotate: 90deg, $scale: 1, $skew: 1deg, $translate: 10px) { - -webkit-transform: rotate($rotate) scale($scale) skew($skew) - translate($translate); - -moz-transform: rotate($rotate) scale($scale) skew($skew) - translate($translate); - -o-transform: rotate($rotate) scale($scale) skew($skew) translate($translate); - -ms-transform: rotate($rotate) scale($scale) skew($skew) translate($translate); transform: rotate($rotate) scale($scale) skew($skew) translate($translate); } @mixin transform( @@ -51,33 +33,15 @@ $translateX: 0px, $translateY: 0px ) { - -webkit-transform: rotate($rotate) scale($scale) skew($skew) - translateX($translateX) translateY($translateY); - -moz-transform: rotate($rotate) scale($scale) skew($skew) - translateX($translateX) translateY($translateY); - -o-transform: rotate($rotate) scale($scale) skew($skew) - translateX($translateX) translateY($translateY); - -ms-transform: rotate($rotate) scale($scale) skew($skew) - translateX($translateX) translateY($translateY); transform: rotate($rotate) scale($scale) skew($skew) translateX($translateX) translateY($translateY); } @mixin transform-rotateY($rotate: 90deg) { - -webkit-transform: rotateY($rotate); - -moz-transform: rotateY($rotate); - -o-transform: rotateY($rotate); - -ms-transform: rotateY($rotate); transform: rotateY($rotate); } @mixin transform-rotate($rotate: 90deg, $time: 0.5s, $ease: linear) { - -webkit-transition: -webkit-transform $time $ease; - -moz-transition: -moz-transform $time $ease; transition: transform $time $ease; - -webkit-transform: rotate($rotate); - -moz-transform: rotate($rotate); - -o-transform: rotate($rotate); - -ms-transform: rotate($rotate); transform: rotate($rotate); } @@ -136,33 +100,10 @@ $endColor, 100% ); - background-image: -moz-linear-gradient(top, $startColor, $endColor); - background-image: -ms-linear-gradient(top, $startColor 0%, $endColor 100%); - background-image: -o-linear-gradient(top, $startColor, $endColor); background-image: linear-gradient(to bottom, $startColor 0%, $endColor 100%); } @mixin quick-gradient($origin: left, $alpha: 0.2) { - background-image: -webkit-linear-gradient( - $origin, - rgba(0, 0, 0, 0), - rgba(0, 0, 0, $alpha) - ); - background-image: -moz-linear-gradient( - $origin, - rgba(0, 0, 0, 0), - rgba(0, 0, 0, $alpha) - ); - background-image: -o-linear-gradient( - $origin, - rgba(0, 0, 0, 0), - rgba(0, 0, 0, $alpha) - ); - background-image: -ms-linear-gradient( - $origin, - rgba(0, 0, 0, 0), - rgba(0, 0, 0, $alpha) - ); background-image: linear-gradient( $origin, rgba(0, 0, 0, 0), @@ -187,7 +128,6 @@ @mixin line-clamp($numLines: 1) { overflow: hidden; - text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; display: block !important; /* autoprefixer: off */